/*
Theme Name: Web Labels Responsive
Theme URI: http://www.web-labels.de
Author: Web Labels
Author URI: http://www.web-labels.de
Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!
Version: 1.3
License: Copyright @ Web Labels
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline; box-sizing:border-box;}

/* HTML5 reset für reudigi Brwoser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body              				{ line-height: 1;}
ol, ul              			{ list-style: none; margin:0; padding:0;}
blockquote, q            		{ quotes: none;}
table              				{ border-collapse: collapse; border-spacing: 0;}


/*--Contact Form Fix für Chrome--*/ 
span.wpcf7-form-control-wrap 	{ position: unset!important; }

/* Helper cms -------------------------------------*/
.links							{ float:left;}
.rechts							{ float:right;}
.center							{ text-align:center;}
.keincss						{ border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft			{ float:left; margin-right:20px;}
img.alignright, .entry .alignright			{ float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter		{ display: block; margin-left: auto; margin-right: auto; }
iframe 							{max-width:100%;}
sub 							{ vertical-align: sub; font-size: smaller;}
sup 							{ vertical-align: super; font-size: smaller; }
.clear							{ clear:both;}
.clearfix:after                 { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix                       { display: inline-block;}
html[xmlns] .clearfix           { display: block;}
* html .clearfix                { height: 1%;}
p.wp-caption-text				{ font-size:11px; font-style:italic;}
.hinweisbar 					{ padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;}

/*----Styling default-----*/
.btn 							{ display: inline-block; text-align: center; background: rgb(160, 45, 52) none repeat scroll 0% 0%; border-radius: 3px; padding: 10px 15px;}


@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}




@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
/*----iOS Formular fix-----*/
input, textarea 				{ -webkit-appearance: none; border-radius: 0px; }

.wpcf7-checkbox input 				{ -webkit-appearance: checkbox; margin-left: 0px;}
/* Webseite CSS -----------------------------------*/
body							{}
a								{ outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
h1, h2, h3, h4, h5				{ font-weight:300;}
#page 							{ width:100%; margin:0 auto; background: #F7F2DE;}

/*----------------------- Head -------------------------*/
#logo, #logo img				{ display:inline-block; width:auto!important; min-width:0px!important; max-height:100%; margin-left:-93px;}
#header							{ width:100%; height:auto; background:#571609; position:relative;}
#header img.headimg				{ width:100%; height:auto;}
#branding 						{ height:auto; max-width:1000px; margin:0 auto; padding:20px 30px 20px 30px; position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding-top:65px;}

#header-contact-banner			{ text-align:center; position:absolute; right:30px; top:0; background:#571608; padding:15px; color:#e7d4af;}
#header-contact-banner a		{ font-family: 'Poppins', sans-serif; font-size:12px; font-weight:300; color:#e7d4af; text-transform:uppercase;}
#header-contact-banner a:hover	{ opacity:0.7;}

#nav-boxes						{ position:absolute; bottom:-45px; width:330px; right:0; left:0; margin:0 auto; display:block;}
#nav-boxes a					{ display:inline-block; width:90px; height:90px; padding:18px; text-align:center; box-sizing:border-box; background:#571609; font-family: 'Poppins', sans-serif; font-weight:300; font-size:12px; color:#e7d4af; text-transform:uppercase; float:left; margin:0 10px; border-radius:15px;}
#nav-boxes a img				{ width:32px; height:32px; margin:0 auto; margin-bottom:0px;}
#nav-boxes a:hover				{ background:#6d2a1d;}

@media screen and (max-width: 970px){
	#logo						{ height:70px;}
}
@media screen and (max-width: 350px){
	#nav-boxes					{ display:none;}
}

/*----------------------- Nav --------------------------*/
#nav							{ display:inline-block; }
#menu-header-menue				{ display:inline-block; width:auto;}
#menu-header-menue li			{ display:inline-block; width:auto; padding-left:30px; position: relative; }
#menu-header-menue a			{ font-family: 'Poppins', sans-serif; font-weight:300; font-size:16px; color:#e7d4af; text-transform:uppercase;}
#menu-header-menue a:hover		{ opacity:0.5;}

#nav ul li ul 					{ position: absolute; top: 20px; left: 0; background: #571609; z-index: 99; padding-top: 20px; display: none; width: 180px;}
#nav ul li:hover ul 			{ display: block;  }
#nav ul li ul li 				{ display: block; width: 100%; box-sizing: border-box; float: none; border-bottom: solid 1px rgba(231,212,175,0.1); text-transform: none; padding: 5px 10px; margin: 5px 0}
#nav ul li ul li:last-child 	{ border-bottom: none; }
#nav ul li ul li a 				{ font-size: 0.8em; line-height: 16px; display: block; padding:5px;}
#nav ul li ul li a:hover 		{ background-color:#E7D4AF; color:#571609; }



@media screen and (max-width: 970px){
	#menu-header-menue li		{ padding-left:20px;}
}
@media screen and (max-width: 860px){
	#menu-header-menue li		{ padding-left:15px;}
	#menu-header-menue a		{ font-size:14px;}
}

/*----------------------- Content ----------------------*/
#content-wrap-page				{ width:100%; min-height:100px!important; height:auto;}
#content-wrap 					{ min-height:100px; max-width:1000px; margin: 0 auto; padding:70px 30px 30px 30px; }
#content						{ }

.entry							{ line-height:22px;}
.entry img						{ max-width:100%; height:auto;}

body							{ font-family: 'Roboto', sans-serif; font-size:16px; line-height:22px;}

h1								{ font-family: 'Poppins', sans-serif; font-weight:300; font-size:36px; line-height:48px; color:#571609; margin-bottom:10px;}
h1 strong						{ font-weight:400;}
h2								{ font-family: 'Poppins', sans-serif; font-weight:300; font-size:36px; line-height:48px; color:#571609; margin-bottom:10px;}
h3								{ font-family: 'Poppins', sans-serif; font-weight:300; font-size:18px; line-height:24px; color:#571609; text-transform:uppercase; margin-bottom:15px;}
h3 strong						{ font-weight:400;}
h4								{ }
h5								{ }

.entry a						{ text-decoration: underline; color:#571609; }
.entry a:hover					{ text-decoration: none; }
.entry a.btn 					{ }
.entry a.btn:hover 				{ }
.entry p						{ margin-bottom:25px;}
.entry ol li					{ line-height: 24px; margin-left: 18px; }
.entry ul li					{ list-style: outside disc none; line-height: 24px; margin-left: 18px; }

.bordered-row					{ margin-top:20px; padding-top:40px; border-top:1px dashed #b3b3b3;}

.wpb_gallery .wpb_gallery_slides ul .isotope-item { margin-bottom: 10px; margin-right: 10px;}

/*----------------------- Home   -----------------------*/




/*----------------------- Footer -----------------------*/
#footer-wrap					{ width:100%; height:auto;}


#map-row						{ position:relative;}
#map							{ width:100%; height:450px; filter:brightness(70%); z-index:0}
#map-overlay-wrap				{ position:absolute; z-index:5; width:100%; height:450px; top:0;}
#map-overlay					{ max-width:1000px; padding: 0 30px; position:relative; margin:0 auto;}

#route-planner-link				{ float:left; display:inline-block; margin-top:15px; text-align:center; padding:20px 25px; background:#571609; font-family: 'Poppins', sans-serif; font-weight:500; font-size:14px; color:#e7d4af; text-transform:uppercase; border:none; transition:300ms;}
#route-planner-link:hover		{ background:#6d2a1d; cursor:pointer; transition:300ms;}

@media screen and (max-width: 620px){
	#route-planner-link			{ display:none;}
}

#wpcf7-f5-o1					{ width:300px; height:450px; padding:25px 20px; background:#f2f2f2; float:right; z-index:15; box-sizing:border-box;}
#wpcf7-f5-o1 p					{ margin-bottom:10px; font-size: 12px; line-height: 16px;}
#req-field-hint					{ color:#999999;}
#fcf-name,
#fcf-email,
#fcf-message					{ width:100%; margin-bottom:2px; background:white; border:none; padding:15px 20px; font-family:'Roboto'; font-weight:400; font-size:14px; color:#1d1d1b; box-sizing:border-box; max-height:100px;}
#fcf-submit						{ display:inline-block; width:100%; text-align:center; padding:20px; background:#571609; font-family: 'Poppins', sans-serif; font-weight:500; font-size:14px; color:#e7d4af; text-transform:uppercase; border:none; transition:300ms;}
#fcf-submit:hover				{ background:#6d2a1d; cursor:pointer; transition:300ms;}

@media screen and (max-width: 380px){
	#wpcf7-f5-o1				{ display:none;}
}

#footer							{ max-width:1000px; margin:0 auto; padding:0px 30px 0px 30px;}

#footer .menu-footernavi-links-container	{ float:left;}
#footer .menu-footer-menue-container	{ float:right;}

#footer .menu							{ display:inline-block;}
#footer .menu li						{ display:inline-block;}
#footer .menu li a						{ display:inline-block; font-family: 'Poppins', sans-serif; font-weight:600; font-size:12px; color:#1a1a1a; text-transform:uppercase;}
#footer .menu li a:hover				{ opacity:0.6;}

#footer .menu-footernavi-links-container li	{ padding:25px 25px 25px 0;}
#footer .menu-footer-menue-container li	{ padding:25px 0 25px 25px;}

@media screen and (max-width: 900px){
	#footer .menu-footernavi-links-container li	{ padding:20px 20px 20px 0;}
	#footer .menu-footer-menue-container li	{ padding:20px 0 20px 20px;}
}
@media screen and (max-width: 860px){
	#footer .menu-footernavi-links-container li	{ padding:15px 15px 15px 0;}
	#footer .menu-footer-menue-container li	{ padding:15px 0 15px 15px;}
}
@media screen and (max-width: 820px){
	#footer									{ text-align:center;}
	#footer	br								{ display:none;}
	#footer .menu-footernavi-links-container	{ display:none;}
	#footer .menu-footer-menue-container	{ float:none; margin:0 auto;}
}

/*----------------------- Kontakt ----------------------*/



/*----------------------- Mobile ab 768px ----------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*----------------------- Nav --------------------------*/
#branding							{ display:none;}



/*----------------------- Content ----------------------*/

.entry img							{ max-width:100%; height:auto;}


/*----------------------- Contact Form -----------------*/

.nachrichtenfelder					{ float:inherit; width:92%;}
#nachricht							{ padding:0.8em 4% 0.8em 4%;}

}

.sticky-menu { position: fixed; top: 0px; left: 0px; width: 100%; background: #571608; z-index: 9999;}
body { padding-top: 185px; }
@media screen and (max-width: 970px) {
	body { padding-top: 155px; }
	
}

@media screen and (max-width: 768px) {
	body { padding-top: 0; }
	
}

/* OVERRIDES */

@media screen and (max-width: 1300px) {
	#logo, #logo img {
		margin-left: 0;
	}
}