/*
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; font-family: 'Lato', sans-serif;}
ol, ul              			{ list-style: none; margin:0; padding:0;}
blockquote, q            		{ quotes: none;}
table              			{ border-collapse: collapse; border-spacing: 0;}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/playfairdisplay-black-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}




@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/playfairdisplay-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-blackitalic-webfont.woff') format('woff');
    font-weight: 900;
    font-style: italic;

}




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

}




@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/playfairdisplay-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;

}




@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/playfairdisplay-italic-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}




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

}

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

}




@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;

}




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

}

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

}

/*--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; padding-bottom:15px; }
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;}



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

span.wpcf7-list-item { margin: 0!important; }

/* 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:normal;}
#page 							{ width:100%; margin:0 auto;}

/*----------------------- Head -------------------------*/
#logo							{ float:left; padding:30px 0;  }
#logo, #logo img					{ display:block; width:auto!important; min-width:0px!important; max-width:100%;}
#header							{ width:100%; height:auto;}
#header img.headimg				{ width:100%; height:auto;  margin-top:-97px; }
#branding 						{ height:auto; max-width:1260px; margin:0 auto; padding:0px 30px 0px 30px}
#header_branding 				{ width:100%; height:auto; background: rgba(0, 0, 0, 0.5); position:relative; z-index:200;  }
#header_image					{ position:relative; z-index:100; margin-top:-100px;  }

/*----------------------- Nav --------------------------*/
#nav							{ float:right; padding-top:45px;  }
#nav ul li 						{ float:left; margin-right:60px; position:relative;  }
#nav ul li:last-child			{ margin-right:0;  }
#nav ul li a					{ font-family: 'Lato', sans-serif; color:#fff; font-size:16px; border-bottom:2px solid; border-color:transparent; display:block;    }
#nav ul li a:hover 				{ border-bottom:2px solid; border-color:#fff;  }
#nav ul li.untermenu { background:url(images/arrow_heyde.svg) no-repeat 55px 5px; background-size:17px; width:74px;  }
#nav ul li ul {   visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top:15px;
  left: -10px;
  width:auto;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  padding-top:37px;
    }
#nav ul li:hover ul {   visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */ } 
#nav ul li ul li { float:none; margin-right:0; background: rgba(0, 0, 0, 0.5); }
#nav ul li ul li a { padding:10px;  }



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


#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; }
#content-wrap 					{ min-height:100px; max-width:1260px; margin: 0 auto; padding:0px 30px 0px 30px; }
#content						{ }
.page-template-default #content-wrap-page { padding:55px 0;  }
.home #content-wrap-page { padding:0 0!important;  }

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

h1							{ font-size:24px; line-height:28px;}
h1 strong					{ color:#000;}
h2							{ color:#000; font-size:20px; line-height:24px;}
h3							{ font-size:16px; line-height:22px; color:#1A1A1A;}
h3 strong					{ font-size:15px; line-height:12px; color:#000;}
h4							{ font-size:13px; line-height:12px;}
h5							{ font-weight:bold;}
h1.page_title				{ font-family: 'Playfair Display', serif; font-weight:normal; color:#212121; font-size:40px; margin-bottom:35px; line-height:43px;  }

.entry a					{ color:#000; text-decoration:underline;}
.entry a:hover				{ color:#000; text-decoration:none;}
.entry a.btn 				{ color: rgb(255, 255, 255);}
.entry a.btn:hover 			{ border:2px solid rgb(160, 45, 52); background:#fff; color:rgb(160, 45, 52);}
.entry p					{ margin-bottom:18px;}
.entry ol li				{ list-style: decimal outside none; margin-left: 15px;}
.entry ul					{ margin-bottom:25px;  }
.entry ul li				{ list-style: disc outside none; margin-left: 15px; margin-bottom:15px;}
.entry h3 { font-family: 'Playfair Display', serif; color:#212121; font-size:30px; margin-bottom:35px; line-height:36px;  }
.entry h4 { font-family: 'Playfair Display', serif; color:#212121; font-size:27px; margin-bottom:35px;  }

.content_logo_bg 			{ background:url(images/content_bg_logo.jpg) no-repeat center center #212121; color:#fff!important; font-family: 'Playfair Display', serif; }
.content_logo_bg h1			{ text-transform:uppercase; font-size:36px; margin-bottom:60px; line-height:45px;  }
.content_logo_bg h4			{ font-size:24px; margin-bottom:45px; line-height:36px; color:#fff;  }
.content_logo_bg p			{ font-size:18px; line-height:30px;  }

.menu_box { display:inline-block; width:48%; opacity:1; margin-bottom:4%; height:397px; position:relative; float:left;   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.90)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); overflow:hidden; /* IE6-9 */
    }
  
  
.menu_box:hover { -webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s;-o-transition:all 500ms ease 0s;transition:all 500ms ease 0s; opacity:0.8;    } 
 
   
.menu_box img { position:relative;
  z-index:-1;
  display:block;
  width:auto;
  height:100%; }
.menu_box_content { position:absolute; bottom:35px; left:35px;   }
.menu_box_content h4 { color:#fff; font-size:24px; font-family: 'Playfair Display', serif; font-style:italic; margin-bottom:20px;   }
.menu_box_content p { font-size:16px; color:#cc9d58;  }
.box_abstand { margin-right:4%;  }
.menu_box.box_long { width:66%  }
.menu_box.box_short { width:30%;  }
.menu_box_content_wrapper { color:#212121; text-align:center; margin:100px 0 50px 0;  }
.menu_box_content_wrapper p { font-family: 'Playfair Display', serif; font-style:italic; font-size:24px; line-height:36px;   }
.menu_box_content_wrapper p.menu_boxen_headline { font-family: 'Playfair Display', serif; font-size:36px; font-style:normal; margin-bottom:40px; text-transform:uppercase;  }

#frontpage_bottom_content { width:100%; height:auto; background: url(images/blumen_bg_v2.jpg) no-repeat top center #212121;  }
.frontpage_bottom_content_wrapper { max-width:1260px; height:auto; position:relative; margin:0 auto; color:#fff; padding:145px 35px;  }
.frontpage_bottom_content_wrapper h1 { font-family: 'Playfair Display', serif; text-transform:uppercase; font-size:36px; margin-bottom:60px; line-height:45px;   }
.frontpage_bottom_content_wrapper h3 { font-family: 'Playfair Display', serif; color:#fff; font-size:24px; margin-bottom:45px; line-height:36px;    }
.frontpage_bottom_content_wrapper p { font-size:16px; line-height:24px;  }

.flex-direction-nav { display:none;  }


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





.blog-content				{ width:65%; height:auto;}
.sidebar				{ width:25%; height:auto; padding-right:10%;}
.sidebar ul li.widget			{ margin-bottom:3em;}

.blog-content h1			{ font-size:1.8em; line-height:1.5em; color:#9a4b89; text-transform:uppercase; font-weight:bold; padding-bottom:2em;}

.post-vorschau				{ width:100%;}
.vorschau				{ width:20%; height:auto; min-height:100px; overflow:hidden; margin-right:20px;}
.post-vorschau				{ border-bottom: dashed 1px #CCCCCC; margin-bottom:30px;}
#sidebar li				{ border-bottom: dashed 1px #CCCCCC; margin-bottom:25px;}
#sidebar li ul				{ padding-bottom:5px;}
#sidebar li ul li			{ border:none; margin:0px;padding:5px 0px 3px 0px; }
#sidebar li ul li	a		{ font-size:14px; color:#333; }
#sidebar li ul li a:hover		{ color:#D55918;}
.weiter-lesen				{ width:100%; height:auto; text-align:right;}

h2.widgettitle				{ font-size:1.8em; text-transform:uppercase; color:#9A4B89; line-height:1.4em; margin-bottom:0.5em; border-bottom:solid 1px #9A4B89;}
#calendar_wrap				{ font-size:1.3em;}
#wp-calendar				{ width:100%;}
#wp-calendar caption			{ width:100%; padding:0.3em 0 0.5em 0;}
#wp-calendar thead			{ width:100%;}
#wp-calendar thead tr			{ text-align:right;}
#wp-calendar tbody tr td		{ text-align:right; padding:0.5em 0 0.2em 0; border-bottom:solid 1px #DFDFDF;}
#wp-calendar tbody tr td a		{ color:#9A4B89; font-weight:bold;}

.widget_categories ul li a		{ color:#323232; font-size:1.4em; border-bottom:solid 1px #E3E3E3; padding-bottom:0.3em; display:block; margin-bottom:0.5em;}
.widget_categories ul li a:hover	{color:#9A4B89;}

#pagination				{ padding:20px 0px; clear:both;}
#pagination	span			{ text-align:center; padding:9px 10px; margin:0px 5px;}
#pagination	a 			{ color:#333333; padding: 10px; display:inline-block; background:#DCDCDC; margin:0px 5px; }
#pagination	span.current, #pagination a:hover  { background:#50b948; color:#fff;}


/*----------------------- Footer -----------------------*/


#footer-wrap						{ width:100%; height:auto; background-color:#212121; height:600px; position:relative; overflow:hidden; }
#footer								{ width:65%; float:left; }
#google_map							{ width:35%; float:left;   }
.footer_content						{ width:71%; float:right; margin-left:29%; padding-top:140px; position:relative;  }
.footer_kontakt						{ width:50%; float:left;  }
.sitemap							{ width:50%; float:left;  }
.footer_content h3 					{ color:#fff; font-size:24px; font-family: 'Playfair Display', serif; margin-bottom:35px; font-style:italic; font-weight:normal;  }
.footer_kontakt p 					{ color:#fff; font-size:14px; line-height:30px; margin-bottom:30px;  }
.footer_content	 a					{ color:#fff;  }
.sitemap ul li 						{ display:inline-block; width:150px; margin-bottom:20px; margin-right:60px;  }
.sitemap ul li a 					{ display:block; padding-bottom:15px; border-bottom:1px solid #383838; font-size:14px;  }
.sitemap ul li a:hover 				{ border-color:#fff;  }
.sitemap ul li:nth-of-type(2n) 		{ margin-right:0;  }
.imprintnav							{ margin-top:150px;  }
.imprintnav ul li 					{ float:left;  }
.imprintnav ul li a:hover 			{ border-bottom:1px solid #fff; }
.navi_trenner 						{ margin:0 10px;  }
#google_map_mobile					{ display:none; }

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


.wpcf7-text						{ padding:0.8em 4% 0.8em 4%;}
input.wpcf7-text				{ background-color:#2d2d2d; border:0 none; color:#fff;}
					
#nachricht						{ border:0 none; padding:0.8em 2% 0.8em 2%; width:91.5%; height:auto; margin-bottom:1em; background-color:#2d2d2d; border:0 none; color:#fff; }
#senden							{ background-color:#5d5552; color:#fff; border:0 none; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:13px; text-transform:uppercase; padding:10px 30px; cursor:pointer;}
.nachrichtenfelder	 			{ width:42%; margin-bottom:1.5em;}
.nachrichtenfelder span, .nachrichtenfelder span input		{ width:100%;}
.linkesinput					{ margin-right:8%;}
div.wpcf7-validation-errors 	{ width:92%!important; }

.impressum										{height:220px; overflow-y:scroll; padding-right:25px; margin-top:20px; margin-bottom:20px;}


@media screen and (max-width: 1610px) {
.sitemap ul li { width:110px; margin-right:40px;  }
}
@media screen and (max-width: 1300px) {
.footer_kontakt { width:100%; float:none;  }
.sitemap { width:100%; float:none; clear:both;  }
.footer_kontakt p { display:block; float:left; margin-right:30px;  }
.imprintnav { margin-top:0;  }
.sitemap ul li:nth-of-type(2n) { margin-right:40px;  }
.footer_content { padding-top:80px;  }
}
@media screen and (max-width: 1100px) {
#google_map	 { display:none;  }
#google_map_mobile { display:block;  }
.footer_content  { width:100%; max-width:1260px; margin:0 auto; position:relative; padding:70px 35px 30px 35px;  }
#footer { width:100%; float:none;  }
#footer-wrap { height:auto;  }
.imprintnav { margin-top:70px;  }
.sitemap { max-width:700px;  }
}
@media screen and (max-width: 1000px) {
#nav ul li { margin-right:40px;  }	
}
@media screen and (max-width: 895px) {
#logo { float:none; margin-bottom:20px; padding-bottom:0;  }
#nav { float:none; padding-top:0; padding-bottom:20px;  }
#header_image { margin-top:-123px;  }
#header img.headimg { margin-top:0;  }
}



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

/*----------------------- Mobile ab 768px ----------------------------------------------------------------*/


/*----------------------- Nav --------------------------*/
#nav								{display:none;}
#branding 							{ display:none;  }
#header_image						{ margin-top:0;  }

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

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


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

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

@media screen and (max-width: 740px) {
.menu_box.box_long { width:48%;  }
.menu_box.box_short { width:48%;  }
.menu_box_content h4 { font-size:20px; line-height:25px;  }
.menu_box { height:305px;  }	
}
@media screen and (max-width: 565px) {
.menu_box { height:240px;  }
.menu_box_content { left:18px; bottom:18px;  }
}
@media screen and (max-width: 415px) {
.menu_box { width:100%!important; float:none!important; }	
		
}