/*
	Theme Name: Dahlke
	Description: Dahlke WordPress Theme
*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
/*@font-face {
	font-family: 'Vollkorn Regular';
	src: url('assets/fonts/Vollkorn-Regular-webfont.eot');
	src: url('assets/fonts/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Vollkorn-Regular-webfont.woff2') format('woff2'), url('assets/fonts/Vollkorn-Regular-webfont.woff') format('woff'), url('assets/fonts/Vollkorn-Regular-webfont.ttf') format('truetype'), url('assets/fonts/Vollkorn-Regular-webfont.svg#vollkornregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

}*/

@import url('assets/fonts/fonts.css');

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
}
body {
/*	font: 400 15px/19px 'Vollkorn Regular'; */
font-family: 'Open Sans Light', sans-serif;

	color: #007A37;
	/*background-image: url(assets/img/bg.jpg);
	background-repeat: repeat;*/
	background-color: #e0e6d5;
	line-height: 1.8;
}

/* clear */
.clear:before,
.clear:after {
	content: ' ';
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	*zoom: 1;
}
img {
	max-width: 100%;
	height: auto;
}

/*
 * WordPress adds sizes="auto" to lazy-loaded images.  The old theme used to
 * remove their intrinsic dimensions, which can otherwise turn an unloaded
 * image into a 3000 x 1500 px placeholder in current WordPress versions.
 */
img[sizes="auto" i],
img[sizes^="auto," i] {
	contain: none;
	height: auto;
}
a {
	color: #AB4E18;
	text-decoration: none;
	outline: none;
	border: none;
}
a:hover,
a:focus,
a:active {
	color: #AB4E18;
	text-decoration: underline;
	outline: 0;
}
input:focus {
	outline: 0;
	border: 1px solid #04A4CC;
}
p {
	color: #007A37;
	margin-bottom: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	color: #AB4E18;
}
h1 {
	font-size: 32px;
}
h4 {
	font-size: 20px;
}
figcaption {
	color: #007A37;
	padding: 5px 22px 0;
}
hr {
	border-top: 1px solid #007A37;
}
code {
	font-size: 0.7em;
}
table {
	width: 100%;
}
pre {
	font-size: 16px;
}
blockquote {
	border-color: #007A37;
}
iframe {
  max-width: 100%;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	margin: 0 auto;
	position: relative;
}
.header {
	background-color: #e7eaed;
	-moz-box-shadow: 1px 1.732px 5px 0px rgba(0, 0, 0, 0.169);
	-webkit-box-shadow: 1px 1.732px 5px 0px rgba(0, 0, 0, 0.169);
	box-shadow: 1px 1.732px 5px 0px rgba(0, 0, 0, 0.169);
	z-index: 1000;
	position: relative;
}
.logo {
	width: 316px;
	height: 139px;
	background: #fff;
	padding: 29px 33px 20px 26px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: -55px;
	z-index: 102;
	box-shadow: 0px 2px 5px 15px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.27);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.27);
	position: absolute;
	top: 26px;
	left: 50%;
	margin-left: -158px;
}
.logo img {
	width: 100%;
}
.nav {
	margin-top: 21px;
	margin-bottom: 5px;
}
section.no-thumb {
	padding-top: 80px;
}
.green-btn {
	background: #007A37;
	border-radius: 0;
	border: none;
	outline: none;
	color: #e7eaed;
	height: 27px;
	padding: 0 19px;
	line-height: 27px;
	font-size: 16px;
	-webkit-transition: background-color 0.3s ease;
       -moz-transition: background-color 0.3s ease;
         -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
}
.green-btn:hover {
	color: #e7eaed;
	background: #00622C;
	text-decoration: none;
}
.italic-btn {
	/*font-style: italic;	*/
	/*font-family: 'Vollkorn Italic';*/
	padding-top: 3px;
	line-height: 22px;
}
.light-bg {
	background: rgba(255, 255, 255, 0.7);
}
.content-block {
	padding: 18px 39px;
	margin-bottom: 25px;
}
.home .content-block {
	margin-bottom: 12px;
}
.single-post .content-block {
	margin-bottom: 0;
}
.content-header {
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	padding: 0 35px 14px;
}
.content-header h1 {
	margin-bottom: 0;
}
.content-header h4 {
	margin-top: 3px;
}
.content-block figure {
	margin: 0 -39px;
}
.content-block figure.align-center {
	text-align: center;
}
.content-block figure.align-left {
	text-align: left;
}
.content-block figure.align-right {
	text-align: right;
}
.content-block figure img {
	margin: 10px 0;
}
.content-title {
	font-size: 32px;
	margin-bottom: 21px;
}
.widget-title {
	font-size: 31.89px;
	text-align: right;
	margin-top: 16px;
	margin-bottom: 8px;
}
.subtitle {
	font-size: 20px;
	margin-top: 3px;
}
.main-thumbnail {
	max-height: 378px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.43);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.43);
	overflow: hidden;
	margin-bottom: 45px;
}
.main-thumbnail img {
	width: 100%;
}
.btn {
	border: none;
	outline: none;
}
.btn.active, .btn:active {
	box-shadow: none;
	text-decoration: underline;
}
.btn.focus, .btn:focus, .btn:hover {
	color: #e7eaed;
	outline: none;
	border: none;
}
.videoWrapper {
	position: relative;
 	padding-bottom: 53%;
  	padding-top: 22px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.header-inner {
	position: relative;
	height: 100%;
}
.nav .menu {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	line-height: 90px;
	margin: 0;
	box-sizing: border-box;
}
.nav .menu .menu-item {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 20px;
	line-height: 0.733;
	z-index: 99;
	margin-left: 10px;
  	margin-right: 10px;
  	overflow: visible;
}
.nav .menu .menu-item a {
	font-size: 20px;
	display: inline-block;
}
.menu-left {
	text-align: left;
	padding-right: 158px;
	padding-left: 0;
	float: left;
}
.menu-right {
	text-align: right;
	padding-left: 158px;
	padding-right: 0;
	float: right;
}
.menu-right > .menu-item:last-child {
	margin-right: 0;
}
.menu-left > .menu-item:first-child {
	margin-left: 0;
}
.nav .menu .menu-item > a {
	position: relative;
}
.nav .menu .menu-item > a:hover,
.nav .menu .menu-item > a:active,
.nav .menu .menu-item > a:focus {
	text-decoration: none;
}
.nav .menu .menu-item > a:after,
.nav .menu .menu-item > a:before,
.nav .menu .menu-item:after,
.nav .menu .menu-item:before {
	content: ' ';
	display: block;
	position: absolute;
	background: none;
	width: 0;
	height: 1px;
	right: 50%;
	overflow: hidden;
	-webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
            transition: all 0.3s;
}
.nav .menu .menu-item:after,
.nav .menu .menu-item:before {
	left: 50%;
}
.nav .menu .menu-item:after {
	bottom: -9px;
}
.nav .menu .menu-item:before {
	top: -9px;
}
.nav .menu .menu-item > a:before {
	top: -9px;
}
.nav .menu .menu-item > a:after {
	bottom: -9px;
}
.nav .menu .menu-item > a:hover:after,
.nav .menu .menu-item > a:hover:before,
.nav .menu .menu-item:hover:after,
.nav .menu .menu-item:hover:before,
.nav .menu .current-menu-item > a:after,
.nav .menu .current-menu-item > a:before,
.nav .menu .current-menu-item:after,
.nav .menu .current-menu-item:before {
	width: 50%;
	background: #AB4E18;
}
.logo a {
	display: block;
	/*height: 90px;*/
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.page .footer {
	margin-top: -25px;
}
.home .footer,
.page-template-page-products .footer,
.page-template-page-sortiment .footer,
.page-template-page-galleries .footer,
.page-template-page-sortiment .footer {
	margin-top: 50px;	
}
.page-template-page-contact .footer {
	margin-top: 0;
}
.footer {
	color: #AB4E18;
	background-color: #e7eaed;
	-moz-box-shadow: 1px -1.732px 5px 0px rgba(0, 0, 0, 0.169);
	-webkit-box-shadow: 1px -1.732px 5px 0px rgba(0, 0, 0, 0.169);
	box-shadow: 1px -1.732px 5px 0px rgba(0, 0, 0, 0.169);
	margin-top: 50px;
}
.footer-inner {
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer .left {
	float: left;
	text-align: left;
}
.footer .right {
	float: right;
	text-align: right;
}
.footer-title {
	font-size: 25px;
	font-weight: normal;
	line-height: 40px;
}
.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer ul li {
	display: inline-block;
}
.footer .menu {
	text-align: right;
}
.footer .menu-item {
	padding: 0 5px;
}
.footer .contacts li {
	padding: 0 12px;
	line-height: 30px;
}
.footer .contacts li:first-child {
	padding-left: 0;
}
.footer .contacts li:last-child {
	padding-right: 0;
}
.footer .socials {
	margin-bottom: 21px;
}
.footer .socials li {
	padding-left: 20px;
}
.footer .socials a {
	background-image: url(assets/img/sprite.png);
	background-repeat: no-repeat;
	display: block;
}
.footer .socials a:hover {
	opacity: 0.8;
}
.footer .socials .facebook a {
	background-position: 0 0;
	width: 35px;
	height: 36px;
}
.footer .socials .instagram a {
	background-position: 0 -37px;
	width: 35px;
	height: 36px;
}
.footer .socials .youtube a {
	background-position: -37px 0;
	width: 83px;
	height: 36px;
}
.home .footer .socials {
	margin: 48px 0 0 0;
}

/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/
aside.sidebar {
	padding-left: 35px;
}
.sidebar-widget {
	background: rgba(255, 255, 255, 0.7);
	padding: 10px 30px;
	margin-bottom: 22px;
}
.month-title {
	font-size: 25px;
	border-bottom: 1px solid #007A37;
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: 25px;
	padding: 0 35px;
}
.upcoming-events-list {
	line-height: 23.29px;
	margin-top: 25px;
}
.upcoming-events-list .event {
	margin-bottom: 30px;
}
.upcoming-events-list .date {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding: 0 15px;
	font-size: 22px;
}
.upcoming-events-list .description {
	display: inline-block;
	width: 70%;
	vertical-align: top;
}
.upcoming-events-list a {
	color: #007A37;
	font-weight: bold;

}
.sidebar-widget .latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	color: #AB4E18;
	font-size: 16px;
}
.sidebar-widget .textwidget {
	text-align: right;
}
.home .sidebar-widget .textwidget {
	text-align: left;
}

/*------------------------------------*\
    HOME PAGE
\*------------------------------------*/

.dahlke-slider-wrap {
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.43), 0px 13px 100px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.43), 0px 13px 100px rgba(0, 0, 0, 0.27);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.43), 0px 13px 100px rgba(0, 0, 0, 0.27);
	border: none;
	margin-bottom: 45px;
}
.dahlke-slider {
	padding: 0;
}
.dahlke-slider img {
	width: 100%;
}
.dahlke-slider .slider-title-wrap {
	position: absolute;
	top: 12.7%;
	left: 0;
	width: 50.45%;
	background: #e7eaed;
	text-align: right;
	padding: 25px 54px 21px;
}
.dahlke-slider .slider-title {
	font-size: 42px; 
	line-height: 39px; 
	width: 85%;
	float: right;
}
.slider-description-wrap {
	position: absolute;
	top: 43.7%;
	left: 18.5%;
	width: 415px;
	background: #e7eaed;
	padding: 27px 45px 17px 25px;
}
.slider-description {
	position: relative;
}
.slider-description.with-btn {
	padding-bottom: 47px;	
}
.slider-description p {
	text-align: right;
}
.dahlke-slider .green-btn {
	position: absolute;
	right: -7px;
	bottom: 0;
}
.special-offers {
	margin-bottom: 12px;
}
.special-offers .img-wrap {
	float: left;
	max-width: 270px;
	width: 34%;
	box-sizing: border-box;
	height: 100%;
}
.special-offers .description-block {
	float: right;
	box-sizing: border-box;
	display: block;
	width: 66%;
	padding: 0 30px 0 43px;
}
.home .widget-title {
	text-align: left;
}
.latest-galleries {
	margin-bottom: 35px;
}
.latest-galleries .img-wrap {
	background-repeat: no-repeat;
	background-position: 50%;
	width: 100%;
	height: 265px;
	display: block;
}
.latest-galleries .gallery-title {
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	color: #007A37;
	padding: 10px;
}
.latest-galleries .gallery-title a {
	color: #007A37;
}

/*------------------------------------*\
    BLOG PAGE
\*------------------------------------*/

.post-details {
	text-align: right;
}
.more {
	color: #AB4E18;
}
.thumb-wrap {
	margin-left: -39px;
	margin-right: -39px;
	display: block;
}

/*------------------------------------*\
    THUMBNAILS CAROUSEL
\*------------------------------------*/

.content-block.not-current.has-post-thumbnail {
	padding-bottom: 0;
}
.content-loader {
	text-align: center;
	padding: 20px 0;
	display: none;
	width: 100%;
}
.content-loader span {
	padding: 5px;
	background: #007A37;
	display: inline-block;
	vertical-align: middle;
	line-height: 15px;
	border-radius: 10px;
}
.post-gallery {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.post-gallery .thumbnails-list {
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	margin: -140px auto 0 auto;
	max-width: 1090px;
}
.post-gallery .thumbnails-list li {
	padding: 15px 7.5px;
	display: inline-block;
}
.post-gallery .thumbnails-list li a {
	overflow: hidden;
}
.post-gallery .thumbnails-list li .post-img {
	width: 115px;
	height: 105px;
	display: inline-block;
	border: 1px solid #fff;
	-webkit-transition: border 0.1s ease;
       -moz-transition: border 0.1s ease;
         -o-transition: border 0.1s ease;
        -ms-transition: border 0.1s ease;
            transition: border 0.1s ease;
}
.post-gallery .thumbnails-list li .post-img:hover,
.post-gallery .thumbnails-list li .post-img.current {
	border: 3px solid #fff;
}
.post-gallery .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13.5px;
	margin-left: -30px;
	display: none; 
	padding: 5px;
	background: #007A37;
	vertical-align: middle;
	line-height: 15px;
	border-radius: 10px;
	z-index: 1000;
}
.post-gallery .thumbnails-list li .post-img img {
	overflow: hidden;
	height: auto;
	max-width: none;
	-webkit-transition: all 0.06s ease;
       -moz-transition: all 0.06s ease;
         -o-transition: all 0.06s ease;
        -ms-transition: all 0.06s ease;
            transition: all 0.06s ease;
}
.post-gallery .thumbnails-list li .post-img.current img,
.post-gallery .thumbnails-list li .post-img:hover img {
	margin: -2px;
}
.post-gallery .full-img {
	display: block;
	max-height: 1080px;
	overflow: hidden;
	width: 100%;
	clear: both;
}
.post-gallery .full-img img {
	width: 100%;
}
.slick-track {
  margin: 0 auto;
}
.content-block.gallery-exists {
	margin-bottom: 0;
}
.gallery-img-caption {
	width: 36%;
	text-align: right;
	background: #e6e9ee;
	padding: 10px 15px;
	color: #AB4E18;
	line-height: 32px;
	font-size: 32px;
	position: absolute;
	bottom: 160px;
	left: 0;
}

/*------------------------------------*\
    PRODUCTS PAGE
\*------------------------------------*/

.product-content .thumb-block {
	width: 68%;
	float: left;
	padding-right: 25px;	
}
.product-content .description-block {
	float: right;
	width: 32%;
}
.product-content .description-block p {
	color: #AB4E18;	
}
.product-content .thumb-block .thumb-wrap {
	margin-right: 0;
}
.product-gallery {
	margin-left: -10px;
	margin-right: -10px;
    margin-top: 20px;
}
.product-gallery .thumbnails-list {
	padding: 0;
	margin-left: 20px;
	margin-right: 20px;
	list-style: none;
}
.product-gallery .thumbnails-list li {
	padding: 0 15px;
}
.product-gallery .thumbnails-list li .post-img {
	display: block;
}
.slick-next,
.slick-prev {
	position: absolute;
	top: 50%;
	margin-top: -14px;
	width: 28px;
	height: 28px;
	background: #007A37;
	border: none;
	color: transparent;
	box-sizing: border-box;
	padding: 0;
}
.slick-next:hover, 
.slick-prev:hover {
	background: #00622C;
	text-decoration: none;
}
.slick-next {
	right: -28px;	
}
.slick-prev {
	left: -28px;	
}
.slick-next:after,
.slick-prev:after {
	display: block;
	position: absolute;
	top: 0;
	color: #fff;
	font-size: 20px;
	line-height: 28px;
}
.slick-next:after {
	content: '>';
	right: 9px;
}
.slick-prev:after {
	content: '<';
	left: 9px;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	opacity: 0.5;
	cursor: default;
}
.fancybox-nav,
.fancybox-nav:focus,
.fancybox-nav:active {
	text-decoration: none;
}
.fancybox-nav span {
	background-image: none;
	background: #007A37;
	width: 30px;
	height: 30px;
	margin-top: -15px;
}
.fancybox-prev span:after, 
.fancybox-next span:after {
	text-decoration: none;	
	color: #fff;
	position: absolute;
	top: 0;
	line-height: 30px;
	font-size: 20px;
	background: none;
}
.fancybox-next span:after {
	content: '>';
	right: 10px;
}
.fancybox-prev span:after {
	content: '<';
	left: 10px;
}
.fancybox-nav span:hover {
	opacity: 0.8;
}
.popup-img-close {
	position: absolute;
	top: -38px;
	right: 13%;
	width: 207px;
	height: 38px;
	background: #007A37;
	color: #fff;
	line-height: 38px;
	padding: 0 15px;
	font-size: 18px;
}
.popup-img-close:hover {
	color: #fff;
}
.popup-img-close:after {
	content: ' ';
	display: block;
	background-image: url(assets/img/sprite.png);
	background-position: -175px 0;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 11.5px;
	right: 15px;
}

/*------------------------------------*\
    CONTACT PAGE
\*------------------------------------*/

.page-template-page-contact .content-block {
	margin-bottom: 0;
}
.contact-form p {
	margin-bottom: 5px;
}
.contact-form input {
	border-radius: 0;
}
.contact-form input[type=submit],
input.wpcf7-form-control.wpcf7-submit[type=submit] {
	background: #007A37;
	border-radius: 0;
	color: #fff;
	height: 50px;
	padding: 0 10px;
	width: 100%;
	font-size: 18px;
	border: none;
}
.wpcf7-form .wpcf7-form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
       -moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -ms-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.wpcf7-form textarea.wpcf7-form-control {
	height: auto;
}
.wpcf7-form .wpcf7-form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.wpcf7-form input[type=submit]:hover,
input.wpcf7-form-control.wpcf7-submit[type=submit]:hover {
	text-decoration: none;
	background: #00622C;
}
.wpcf7-form input[type=text]::-webkit-input-placeholder {
	color: #AB4E18;
	opacity: 0.8;
}
.wpcf7-form input[type=text]:-moz-placeholder { /* Firefox 18- */
	color: #AB4E18;
	opacity: 0.8;
}
.wpcf7-form input[type=text]::-moz-placeholder {  /* Firefox 19+ */
	color: #AB4E18;
	opacity: 0.8;
}
.wpcf7-form input[type=text]:-ms-input-placeholder {  
	color: #AB4E18;
	opacity: 0.8;
}
.wpcf7-form textarea::-webkit-input-placeholder {
	color: #AB4E18;
	opacity: 0.8;
}
.wpcf7-form textarea:-moz-placeholder { /* Firefox 18- */
	color: #AB4E18;
	opacity: 0.8;
}
.wpcf7-form textarea::-moz-placeholder {  /* Firefox 19+ */
	color: #AB4E18;
	opacity: 0.8;
}
.wpcf7-form textarea:-ms-input-placeholder {  
	color: #AB4E18;
	opacity: 0.8;
}
div.wpcf7-response-output {
	margin-left: 0;
	margin-right: 0;
	border: 1px solid #007A37;
	padding: 0.5em 1em;
	color: #5E5E5E;
	font-size: 16px;
}
div.wpcf7-validation-errors {
	border: 1px solid #f00;
}
span.wpcf7-not-valid-tip {
	font-size: 0.8em;
}
div.wpcf7 img.ajax-loader {
	margin: 20px auto;
	text-align: center;
	display: block;
	padding: 0;
	border-radius: 10px;
	border: 5px solid;
	background: #007A37;
}

/*------------------------------------*\
    GOOGLE MAP
\*------------------------------------*/

.map-container {
    position: relative;
    overflow: hidden;
}
#map-wrapper {
	display: block;
	width: 100%;
	height: 450px;
}
.map-container i {
    position: absolute;
    display: block;
}
.map-container .map-top {
    top: -5px;
    left: 0;
    right: 0;
    height: 5px;
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.43);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.43);
}
.map-container .map-bottom {
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
    -moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.43);
	-webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.43);
}
#map-wrapper img {
	max-width: none;
}
#map-content {
	color: #000;
	font-size: 13px;
}
#map-content a {
	color: #427fed;
}
#map-content .address-text {
	width: 45%;
	float: left;
}
#map-content .map-title {
	font-weight: bold;
}
#map-content .right-links {
	width: 55%;
	float: left;
}
#map-content .directions-link a {
	display: block;
}
#map-content .directions-link span {
	font-family: Roboto,Arial;
	font-size: 13px;
	padding-left: 5px;
	vertical-align: middle;
	font-weight: 400;
}
#map-content .info-site a,
#map-content .info-site span {
	display: block;
}
.info-site {
	border-top: 1px solid #e6e6e6;
	padding-top: 5px;
	margin-top: 5px;
}
#map-content .directions-link a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	margin: 0px auto;
	background-image: url(assets/img/sprite.png);
	background-position: -192px 0;
	background-repeat: no-repeat;
}

/*------------------------------------*\
    OFF-CANVAS
\*------------------------------------*/

.navbar-inverse {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}
.navbar-inverse .navbar-toggle {
	display: none;
	color: #AB4E18;
	font-size: 24px;
	margin-top: 26px;
	margin-right: 0;
	border: none;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:active,
.navbar-inverse .navbar-toggle:focus {
	background: none;
}
.navbar-inverse .navbar-toggle .icon {
	background-image: url(assets/img/sprite.png);
	background-repeat: no-repeat;
	background-position: -124px 0;
	width: 48px;
	height: 44px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.sidebar-offcanvas {
	display: none;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1200px) {	
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
}
@media only screen and (max-width:1799px) {
	.slider-description-wrap {
		top: 49%;
		left: 14.5%;
		width: 500px;
	}
}
@media only screen and (max-width:1400px) {
	.gallery-img-caption {
		width: 50%;
	}
	.slider-description-wrap {
		width: 36%;
	}
}
@media only screen and (max-width:991px) and (min-width: 768px) {	
	.dahlke-slider .slider-title,
	.slider-description {
		width: 720px;
	}
}
@media only screen and (max-width:1199px) {
	.nav .menu .menu-item {
		margin-left: 4px;
		margin-right: 4px;
	}
	.nav .menu > .menu-item:first-child {
		margin-left: 0;
	}
	.nav .menu > .menu-item:last-child {
		margin-right: 0;
	}
	.nav .menu .menu-item a {
		font-size: 16px;
	}
	.nav .menu .menu-item > a:before {
		top: -12px;
	}
	.post-gallery .thumbnails-list {
		max-width: 900px;
	}
	.slider-description-wrap {
		top: 50%;
		left: 0;
		width: 60%;
	}
	.dahlke-slider .slider-title-wrap {
		top: 17%;
		width: 60%;
	}
}
@media only screen and (max-width:991px) {	

	.navbar-inverse .navbar-toggle {
		display: block;
	}
	.header .nav {
		display: none;
	}
	.header {
		height: 116px;
	}
	.logo {
		left: 0;
		margin-left: 0;
		position: relative;
  		float: left;
	}
	.row-offcanvas,
	.sidebar-offcanvas {		
		-webkit-transition: -webkit-transform .25s ease-out;
		-moz-transition: -moz-transform .25s ease-out;
		-o-transition: -o-transform .25s ease-out;
		-ms-transition: -ms-transform .25s ease-out;
		transition: transform .25s ease-out;
	}
	.row-offcanvas {
		position: relative;
	}
	.row-offcanvas-right {
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
	.row-offcanvas-right
	.sidebar-offcanvas {
		right: 0;
		-webkit-transform: translate(270px);
		-moz-transform: translate(270px);
		-ms-transform: translate(270px);
		transform: translate(270px);
		display: block;
	}
	.row-offcanvas-right.active {
		-webkit-transform: translate(-270px);
		-moz-transform: translate(-270px);
		-ms-transform: translate(-270px);
		transform: translate(-270px);
	}
	.no-csstransforms .row-offcanvas-right .sidebar-offcanvas {
		display: none;
	}
	.sidebar-offcanvas {
		position: absolute;
		position: fixed;
		bottom: 0;
		top: 0;
		width: 270px;
		height: 100%;
		min-height: 1px;
		padding: 15px;
		border: 1px solid rgba(0, 0, 0, .2);
		outline: 0;
		background-color: #e7eaed;
		z-index: 10;
		overflow-y: auto;
	}
	.sidebar-offcanvas.active {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.android.safari .sidebar-offcanvas.active {
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
	.overlay-offcanvas {
		-webkit-backface-visibility: hidden;
		-webkit-transition: background 300ms ease;
	       -moz-transition: background 300ms ease;
	         -o-transition: background 300ms ease;
	        -ms-transition: background 300ms ease;
	            transition: background 300ms ease;
		cursor: pointer;
		display: block;
		position: absolute;
		background: rgba(255, 255, 255, 0.2);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1002;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.content-offcanvas {
		clear: both;
	}
	.sidebar-offcanvas a {
		color: #AB4E18;
	}
	.sidebar-offcanvas a:hover,
	.close-offcanvas:hover {
		color: #AB4E18;
	}
	.content-offcanvas .logo-img {
		width: 190px;
		height: 67px;
		margin: 10px auto 50px;
		display: block;
	}
	.sidebar-offcanvas ul.menu {
		padding: 0;
		list-style: none
	}
	.sidebar-offcanvas .menu .menu-item {
		line-height: 1.7;
		text-align: center;
	}
	.sidebar-offcanvas .menu-item > a {
		display: block;
		padding: 3px 0;
	}
	.dahlke-slider .slider-title-wrap,
	.slider-description-wrap {
		position: relative;
		float: none;
		left: 0;
		top: initial;
		width: 100%;
		clear: both;
		padding-left: 15px;
		padding-right: 15px
	}
	.dahlke-slider .slider-title,
	.slider-description {
		display: block;
  		margin: 0 auto;
		float: none;
		clear: both;
		text-align: center;		
	}
	.dahlke-slider .slider-title {
		color: #AB4E18;
		font-size: 32px;
	}
	.slider-description p {
		text-align: left;
	}
	.dahlke-slider .green-btn {
		right: 0;
	}
	.footer .contacts li {
		padding: 0 3px;
	}
	aside.sidebar {
		padding-left: 15px;
	}
	.sidebar-widget .textwidget, 
	.widget-title,
	.sidebar-widget .latest-posts {
		text-align: center;
	}
	.gallery-img-caption {
		width: 100%;
	}
	.post-gallery .thumbnails-list {
		max-width: 700px;
	}
	.page .footer {
		margin-top: -22px;
	}
	.product-gallery,
	.product-gallery .thumbnails-list {
		margin-left: auto; 
		margin-right: auto; 
	}
	.footer .left, 
	.footer .right,
	.footer .menu {
		float: none;
		text-align: center;
	}
	.footer .socials {
		margin-top: 20px;
	}
}
@media only screen and (max-width:767px) {
	body {
		font-size: 25px;
  		line-height: 34px;
	}
	.header {
		height: 106px;
	}
	.logo {
		max-width: 286px;
		height: 131px;
  		padding: 27px 33px 25px 26px;
	}
	.mobile-sidebar.sidebar-widget {
		padding-top: 93px;
		padding-bottom: 53px;
		margin-bottom: 0;
	}
	.mobile-sidebar .widget-title,
	.home .mobile-sidebar .widget-title,
	.mobile-sidebar.sidebar-widget .textwidget,
	.home .mobile-sidebar.sidebar-widget .textwidget {
		text-align: center;
		font-size: 28px;
		line-height: 31px;
	}
	.mobile-sidebar .widget-title, 
	.home .mobile-sidebar .widget-title {
		font-size: 50px;
		margin-bottom: 45px;
	}
	.mobile-sidebar.sidebar-widget .textwidget strong {
		margin-top: 20px;
	}
	.mobile-sidebar .green-btn {
		width: 49%;
		display: inline-block;
		font-style: italic;
		font-family: 'Vollkorn Italic';
		font-size: 31px;
		height: 40px;
		line-height: 40px;
	}
	.mobile-sidebar .left-link {
		margin-right: 1%;
	}
	.mobile-sidebar .right-link {
		margin-left: 1%;
	}
	.footer .left, 
	.footer .right {
		float: none;
		text-align: center;
	}
	.footer .menu {
		text-align: center;
	}
	.footer .contacts li {
		display: block;
		padding: 0;
		line-height: 34px;
	}
	.footer-title {
		font-size: 50px;
		line-height: 60px;
		margin-bottom: 24px;
	}
	.home .footer .socials,
	.footer .socials {
		margin-top: 40px;
	}
	.footer .menu a {
		font-size: 20px;
	}
	.dahlke-slider li img {
		height: 410px;
		width: auto;
		max-width: none;
	}
	.dahlke-slider .slider-title {
		font-size: 49px;
		line-height: 67px;
	}
	.dahlke-slider .slider-title-wrap {
		padding-top: 16px;
	}
	.slider-description-wrap {
		padding-top: 3px;
	}
	.dahlke-slider .green-btn {
		font-size: 31px;
		height: 42px;
		line-height: 42px;
		right: 50%;
		margin-right: -89px;
	}
	.wrapper {
		background: rgba(255, 255, 255, 0.7);
	}
	.light-bg,
	.slider-description-wrap,
	.dahlke-slider .slider-title-wrap,
	.sidebar-widget {
		background: none;
	}
	.dahlke-slider-wrap {
		box-shadow: none;
		margin-bottom: 30px;
	}
	.dahlke-slider .slider-title-wrap, 
	.slider-description-wrap {
		padding-left: 30px;
		padding-right: 30px;
	}
	.dahlke-slider .slider-title, 
	.slider-description p {
		text-align: center;
	}
	.content-header h1 {
		font-size: 50px;
		line-height: 46px;
		text-align: center;
		margin-top: 0;
	}
	.subtitle {
		font-size: 25px;
		margin-top: 40px;
		text-align: center;
		margin-bottom: 6px;
	}
	.content-header {
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
	}
	.content-block {
		padding-top: 0;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.special-offers .description-block {
		padding-left: 15px;
		padding-right: 15px;
	}
	.thumb-wrap {
		margin-left: -30px;
		margin-right: -30px;
	}
	aside.sidebar {
		/*display: none;*/
	}
	.special-offers .img-wrap {
		max-width: 100%;
		width: 100%;
		text-align: center;
		float: none;
	}
	.special-offers .description-block {
		float: none;
		width: 100%;
		text-align: center;
	}
	.main-thumbnail img {
		height: 378px;
		width: auto;
		max-width: none;	
	}
	.post-gallery .thumbnails-list {
		max-width: 87%;
	}
	.gallery-img-caption {
		position: relative;
		bottom: 0;
		background: none;
		text-align: center;
		font-size: 25px;
	}
	.product-content .thumb-block {
		width: 100%;
		padding: 0;
		float: none;
		clear: both;
	}
	.product-content .thumb-block .thumb-wrap {
		margin-right: -30px;
	}
	.product-content .description-block {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.product-content .description-block input.green-btn,
	.contact-form input[type=submit] {
		width: 200px;
		font-size: 31px;
		height: 40px;
		line-height: 40px;
	}
	.contact-form input[type=submit] {
		width: 100%;
	}
	.content-block figure {
		margin: 0 -30px;
	}
	.popup-img-close {
		right: 0;
	}
}
@media only screen and (max-width:640px) {
	.post-gallery .loader {
		top: 20%;
	}
}
@media only screen and (max-width:480px) {
	body {
		font-size: 22px;
	}
	.logo {
		max-width: 180px;
		height: 79px;
		padding: 10px 5px;
		top: 15px;
	}
	.navbar-inverse .navbar-toggle {
		margin-top: 23.5px;
	}
	.navbar-inverse .navbar-toggle .text {
		display: none;
	}
	.dahlke-slider {
		display: none;
	}
	.mobile-sidebar.sidebar-widget .textwidget, 
	.home .mobile-sidebar.sidebar-widget .textwidget,
	.mobile-sidebar .green-btn,
	.subtitle,
	.product-content .description-block input.green-btn,
	.contact-form input[type=submit] {
		font-size: 22px;
	}
	.subtitle {
		line-height: 34px;		
	}
	.mobile-sidebar .widget-title, 
	.home .mobile-sidebar .widget-title,
	.content-header h1 {
		font-size: 32px;
		line-height: 38px;
	}
	.special-offers .description-block,
	.content-block {
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-sidebar.sidebar-widget {
		padding-top: 50px;
	}
	.main-thumbnail img {
		height: 200px;
	}
	.post-gallery .thumbnails-list,
	.product-gallery .thumbnails-list {
		max-width: 80%;
	}
	.footer-title {
		font-size: 32px;
	}
	.content-block figure {
		margin: 0 -15px;
	}
	.product-content .thumb-block .thumb-wrap {
		margin-right: -15px;
		margin-left: -15px;
	}
	.post-gallery .loader {
		top: 13%;
	}	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}
::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}
::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.content-block figure.align-center,
.content-block figure.align-center figcaption {
	text-align: center;
}
.alignright,
.content-block figure.align-right  {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft,
.content-block figure.align-left {
	float: left;
	margin: 5px 20px 20px 0;
}
.content-block figure.align-left,
.content-block figure.align-left figcaption {
	text-align: left;
}
.content-block figure.align-right,
.content-block figure.align-right figcaption {
	text-align: right;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		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) ")";
	}
	.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;
	}
	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;
	}
}


/* Acceptance-Feld vom Input-Styling befreien */
.wpcf7-form .wpcf7-acceptance {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
}
.wpcf7-list-item-label {
		font-weight:400;

}

/* Checkbox selbst normal anzeigen */
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
    width: auto;
    height: auto;
    margin-right: 6px;
}

.nl-language-link {
    float: right;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px 20px;
    padding: 7px 11px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    line-height: 1;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.nl-language-link:hover,
.nl-language-link:focus {
    color: #333;
    text-decoration: none;
    border-color: #999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.nl-language-link br {
    display: none !important;
}

.nl-flag {
    display: block;
    flex: 0 0 27px;
    width: 27px;
    height: 18px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: linear-gradient(
        to bottom,
        #ae1c28 0%,
        #ae1c28 33.333%,
        #fff 33.333%,
        #fff 66.666%,
        #21468b 66.666%,
        #21468b 100%
    );
}

@media (max-width: 575px) {
    .nl-language-link {
        float: none;
        margin: 0 0 20px;
    }
}
