/*
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;}

/* 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;}
.weis							{ color:#FFFFFF;}
.schwarz						{ color:#000000;}
.gross							{ text-transform:uppercase;}
.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; }

.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;}

@font-face {
    font-family: 'Questa', serif;
    src: url('2-Questa_Regular-webfont.eot');
    src: url('2-Questa_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('2-Questa_Regular-webfont.woff2') format('woff2'),
         url('2-Questa_Regular-webfont.woff') format('woff'),
         url('2-Questa_Regular-webfont.ttf') format('truetype'),
         url('2-Questa_Regular-webfont.svg#questaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Webseite CSS -----------------------------------*/
body							{ background: url('images/background.jpg'); font-family: 'Arial', sans-serif; font-size: 13px; line-height: 20px;}
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							{ display:inline-block; min-width:0px!important; float: left; width: 40%; padding-top: 15px;}
#logo img						{ display:inline-block; width:auto; max-width: 100%;}
#header							{ width:100%; height:auto; position: relative;}
#header img.headimg				{ width:100%; height:auto;}
#branding 						{ height:auto; max-width:1220px; margin:0 auto; padding:0px 30px 0px 30px}

/*----------------------- Nav --------------------------*/
#nav							{ width: 60%; float: right; padding: 40px 0 15px 0;}
#nav ul 						{ float: right; }
#nav ul li a 					{ font-family: 'Questa', serif; font-size: 18px; line-height: 20px; color: #595959; }
#nav ul li.current-menu-item a,
#nav ul li:hover a 				{ color: #2180ad; }
#nav ul li 						{ width: auto; float: left; margin-right: 35px; }
#nav ul li:last-child 			{ margin-right: 0; }

/* --- Front page --- */

#opener 						{ width: 100%; max-width: 1220px; margin: -206px auto 0 auto; position: relative; z-index: 999; margin-top: 40px;}
#balken 						{ width: 100%; padding: 0 30px; background: url('images/balken.png') no-repeat bottom left; background-size: cover; box-sizing: border-box; display: block;}
#balken
#opener-balken					{ width: 100%; max-width: 1220px; margin: 0 auto; position: relative; z-index: 999;}
#opener-balken{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#opener img 					{ width: 100%; height: auto; box-sizing: border-box; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
#opener img:hover 				{ transform: rotateY(10deg); -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
.bild1,
.bild2,
.bild3,
.bild4 							{ width: 23.8%; max-width: 290px; float: left; position: relative; text-align:center;}

.bild1 a,
.bild2 a,
.bild3 a,
.bild4 a						{ width: auto; height: auto; display: block;}


.bild1,
.bild2,
.bild3 							{ margin-right: 1.6%; }

#balken .bild1,
#balken .bild2,
#balken .bild3					{ padding: 20px 0 0 0; }

#balken .bild4 					{ padding: 20px 0; }

.icon 							{ width: 24px; float: left; margin: 5px 0px 0px 0px; position: relative; left: 10%;} 
.balkentitle 					{ float: unset; font-family: 'Allura'; font-size: 24px; line-height: 40px; color: #ffffff;}
.balkensub 						{ font-family: 'Questa', serif; font-size: 20px; line-height: 40px; color: #fff; }
.balkensub span					{ font-size: 30px; }

#opener h4 						{ position: relative; bottom: 85px; font-family: 'Questa'; font-size: 24px; line-height: 20px;color: #ffffff; text-align: center; }

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

#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; }
#content-wrap 					{ min-height:100px; max-width:1220px; margin: 0 auto; padding:0px 30px 0px 30px; }
#content						{ }

.entry							{ line-height:20px; padding: 52px 0 60px 0; color: #262626;}
.entry strong 					{ color: #3c8ab3; }
.entry img						{ max-width:100%; height:auto;}

.entry h1						{ font-family: 'Questa', serif; font-size:30px; line-height:38px; color: #3c8ab3; text-align: center; padding-bottom: 10px;}
.entry h1 strong				{ color:#3c8ab3;}
.entry h2						{ font-family: 'Allura'; font-size: 30px; line-height: 38px; color:#3c8ab3; text-align: center; padding-bottom: 18px;}
.entry h3						{ font-size:15px; line-height:18px; color:#1A1A1A;}
.entry h3 strong				{ font-size:15px; line-height:18px; color:#3c8ab3;}
.entry h4						{ font-size:13px; line-height:18px;}
.entry h5						{ font-weight:bold;}

.entry a						{ color:#3c8ab3; text-decoration:none;}
.entry a:hover					{ color:#17749a; text-decoration:underline;}
.entry p						{ margin-bottom:18px;}
.entry ul, .entry ol 			{ margin-bottom: 18px; }
.entry ol li					{ list-style: decimal inside none}
.entry ul li					{ list-style: disc inside none}

.capletter 						{ font-size: 40px; line-height: 20px; color: #3c8ab3; float: left; padding: 10px 5px 5px 0; }
.signature 						{ font-family: 'Allura'; font-size: 22px; line-height: 20px; color:#3c8ab3; margin-top: 5px; }

iframe 							{ width: 100%; }
/*----------------------- 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; background:url('images/thumbnail.jpg') center center #dfdfdf;}
.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;}

section.parallax 					{  display:none; background: url('images/parallax.jpg'); height: 400px; background-position: 50% 30%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%;}


/*----------------------- Footer -----------------------*/
#footer-wrap				{ width:100%; height:auto; background: url('images/footer-bg.png') bottom left no-repeat; background-size: contain; border-top: solid 1px rgba(60,138,179, 0.2);}
#footer						{ max-width:1220px; min-height:440px; margin:0 auto; padding:70px 30px 70px 30px; box-sizing: border-box;}

#footer-left 				{ width: 50%; box-sizing: border-box; float: left; padding-left: 145px; font-family: 'Questa', serif; font-size: 18px; line-height: 30px; color:#595959;}
#footer-right 				{ width: 50%; box-sizing: border-box; float: left; padding-left: 15px;}

#footer h5 					{ font-family: 'Allura'; font-size: 30px; line-height: 38px; color:#3c8ab3; padding-bottom: 8px;  }

.field-left 				{ float: left; width: 50%; padding-right: 5px; box-sizing: border-box; margin-bottom: 10px; }
.field-right 				{ float: right; width: 50%; padding-left: 5px; box-sizing: border-box; margin-bottom: 10px; }

.sitemap1,
.sitemap2,
.sitemap3 					{ width: 33.3333%; float: left; }

.sitemap1 a,
.sitemap2 a,
.sitemap3 a 				{ font-family: 'Questa', serif; font-size: 18px; line-height: 30px; color:#595959; }
.sitemap1 ul li.current-menu-item a,
.sitemap2 ul li.current-menu-item a,
.sitemap3 ul li.current-menu-item a,
.sitemap1 a:hover,
.sitemap2 a:hover,
.sitemap3 a:hover 			{ color: #3c8ab3; text-decoration: underline; }

.dataprint 					{ width: 100%; max-width: 375px; padding-top: 30px; margin-top: 30px; border-top: solid 1px #3c8ab3; }
.dataprint ul li a 			{ float: left; border-right: solid 1px #595959; font-family: 'Questa', serif; font-size: 18px; line-height: 30px; color:#595959; padding-bottom: 5px;}
.dataprint ul li.current-menu-item a,
.dataprint ul li a:hover 	{ color: #3c8ab3; text-decoration: underline; }
.dataprint ul li:first-child a{ padding-right: 5px; box-sizing: border-box; }
.dataprint ul li:last-child a { padding-left: 5px; box-sizing: border-box; border-right: none;}
/*----------------------- Kontakt ----------------------*/
.wpcf7-text						{ width: 100%; padding:10px 20px; box-sizing: border-box;}
input.wpcf7-text				{ background-color:#3c8ab3; border: none; font-family: 'Questa', serif; font-size: 18px; line-height: 18px; color: #ffffff; font-style: italic; }

.wpcf7-textarea					{ width: 100%; max-width: 100%; min-width: 100%; height: 135px; padding:10px 20px; box-sizing: border-box; margin-top: 9px;}
textarea.wpcf7-textarea			{ background-color:#3c8ab3; border: none; font-family: 'Questa', serif; font-size: 18px; line-height: 20px; color: #ffffff; font-style: italic; }

.wpcf7-submit					{ width: 100%; max-width: 150px; padding:10px 20px; box-sizing: border-box; text-align: center; position: relative; bottom: 47px; float: right;}
input.wpcf7-submit				{ background-color:#ffffff; border: solid 1px #ffffff; font-family: 'Questa', serif; font-size: 18px; line-height: 20px; color: #3c8ab3; font-style: italic; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;} 			
input.wpcf7-submit:hover 		{ color: #ffffff; background: #3c8ab3; cursor: pointer; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s; }		
					
#nachricht						{ border: dashed 1px #9A4B89;padding:0.8em 2% 0.8em 2%; width:91.5%; height:auto; margin-bottom:1em; }
#captcha						{ border:dashed 1px #C9C9C9;}
#captcha-eingabe				{ border:dashed 1px #C9C9C9; padding:8px; width:100px; margin-right:84px; color:#2A8DCD; font-size:17px; font-weight:bold; letter-spacing:8px;}
#senden							{ background-color:#FBFBFB; border: dashed 1px #C9C9C9; padding:8px; color:#888888; 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:600px; overflow-y:scroll; padding-right:25px; margin-top:20px;}
.instagram                      { margin-top: 20px;}


.wpcf7-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.wpcf7-text::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.wpcf7-text:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.wpcf7-text:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}

.wpcf7-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.wpcf7-textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.wpcf7-textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.wpcf7-textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}


.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button { margin-bottom: 0!important; }

/*---Speisekarte---*/

.fdm-section-header	h3,
.menu-kategorie			{ font-family: 'Allura'; font-size: 30px!important; line-height: 38px!important; color:#3c8ab3!important; padding-bottom: 8px; border-bottom: solid 1px rgba(60,138,179, 0.2)!important; }
.fdm-item-title  				{ font-family: 'Questa'; font-size: 18px; line-height: 24px; color:#3c8ab3; padding-bottom: 8px; border-bottom: solid 1px rgba(60,138,179, 0.2); }

.fdm-item ul li  { list-style: none!important; }

.fdm-section-header,
.fdm-column,
.fdm-item 						{ list-style: none!important; }
.fdm-item-price 				{ font-family: 'Allura'; font-size: 30px; line-height: 38px; color:#3c8ab3; padding-bottom: 8px; }
.fdm-menu-137 .fdm-section-header 		 	{ display: none; }
.fdm-section-header 			{ border-bottom: none!important; }
.fdm-item-content 				{ font-family: 'Questa', serif; font-size: 16px; line-height: 24px; }
.fdm-item 						{ margin-bottom: 0!important; }
.fdm-menu	 					{ width: 100%; }

.gericht { margin-bottom: 20px; }
.menu-kategorie 	{ margin-bottom: 10px; }
.fdm-item-title { margin-bottom: 5px; }
.artdg 				{ margin-bottom: 40px !important; }


.speisekarte h1,
.speisekarte h2,
.speisekarte h3,
.speisekarte h4,
.speisekarte h5				{ font-family: 'Allura'; font-size: 30px!important; line-height: 38px!important; color:#3c8ab3!important; padding-bottom: 8px; margin-bottom: 10px; font-weight: 400!important;}

.speisekarte p 	 				{ font-family: 'Questa', serif; font-size: 16px; line-height: 24px; }				

/*---Media Queries ---*/

@media all and (max-width: 1300px)
{
#nav ul li { margin-right: 10px; }
.mn-navigation-wrap .mn-menu-wrap li a   {color: #3c8ab3!important; }
.icono-cross               {color: #2811a7!important; }
.mn-icon-wrap  { color: #3c8ab3!important; }
}

@media all and (max-width: 1226px)

{ 

#nav ul li a 			{ font-size: 15px; }

#opener 						{ margin: 0 auto; padding-bottom: 0;} 

#footer-wrap { background: none!important; }

#footer-left 			{ font-size: 14px; line-height: 24px; padding-left: 0; }

.balkensub span					{ font-size: 22px; }

}

@media all and (max-width: 1000px)

{ 






}

@media all and (max-width: 960px)

{ 
#branding { display: none; }

#balken a { color: #ffffff; }  

#balken .bild1,
#balken .bild2,
#balken .bild3,
#balken .bild4 							{ width: 50%; max-width: 50%; float: left; margin-right: 0; }

#footer-left 				{ width: 100%; box-sizing: border-box; float: none; padding-left: 0;}
#footer-right 				{ width: 100%; box-sizing: border-box; float: none; padding-left: 0; margin-top: 20px;}

.field-left 				{ float: none; width: 100%; padding-right: 0; box-sizing: border-box; margin-bottom: 10px; }
.field-right 				{ float: none; width: 100%; padding-left: 0; box-sizing: border-box; margin-bottom: 10px; }
.wpcf7-submit					{ width: 100%; max-width: 100%; padding:10px 20px; box-sizing: border-box; text-align: center; float: none; position: static; margin-top: 5px;}

.sitemap1,
.sitemap2,
.sitemap3 					{ width: 100%; float: none; }

.dataprint ul li a 			{ float: none; border-right: none; }
.dataprint ul li:first-child a{ padding-right: 0; box-sizing: border-box; }
.dataprint ul li:last-child a { padding-left: 0; box-sizing: border-box; border-right: none;}

.fdm-item-price-wrapper	 					{ width: 100%!important; }


}

@media all and (max-width: 768px)

{ 
.bild1,
.bild2,
.bild3,
.bild4 							{ width: 50%; max-width: 50%; float: left; margin-right: 0; }

.mobilemargin 					{ margin-top: 20px; }


}

@media all and (max-width: 580px)

{ 
.bild1,
.bild2,
.bild3,
.bild4 							{ width: 100%!important; max-width: 100%!important; float: none!important; margin-right: 0!important; }
#opener                         { margin-top:25px!important;}	

}


@media all and (max-width: 400px)

{ 
#opener h4     { bottom: 115px!important; }

}


@media print

{ 
	
	* { background: none!important; color: #000!important; margin: 0!important; padding: 0!important;}
	#header,
	#footer-wrap,
	a { display: none!important; }
	
	h1, h2, h3, h4, h5, .speisekarte h1, .speisekarte h2, .speisekarte h3, .speisekarte h4, .speisekarte h5, .speisekarte strong { font-size: 24px!important; line-height: 40px; margin-bottom: 0px!important; padding-bottom: 0px!important; border: none!important; color:#000!important; text-align: left!important; }
	p { font-size: 14px!important; line-height: 20px!important; margin-bottom: 20px!important; padding-bottom: 0!important; }

}



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

  #opener-balken {display: block;}
  #opener-balken .icon {float: unset; left:0%; }
  
}