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

.hinweisbar 						{ padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;}

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

}

/*----iOS Formular fix-----*/

input, textarea 				{ -webkit-appearance: none; border-radius: 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:normal;}
#page 							{ width:100%; margin:0 auto; overflow-x:hidden;}

/*----------------------- Head -------------------------*/
#logo, #logo img					{ display:inline-block; width:auto!important; min-width:0px!important; max-width:100%;}
#header							{ width:100%; height:100%; position:absolute; top:0; overflow:hidden; }
#header img.headimg				{ width:100%; height:100%; object-fit:cover;}
#branding-wrapper				{ position:absolute; top:0; width:100%; z-index:60; background:white; -webkit-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); -moz-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1);}
#branding 						{ max-width:calc(1100px + 16vw); margin:0 auto;}

/*#forcefullwidth_wrapper_tp_banner	{ position:absolute; top:0;}*/

/*----------------------- Nav --------------------------*/
#nav							{ font-family:robotoregular; display: inline-block; width: calc(100% - 232px); vertical-align:top; }
.menu-header-menue-container	{ width:100%;}
#menu-header-menue				{ display: inline-block; width:100%; vertical-align:top;}
#menu-header-menue > li			{ display: inline-block; width: auto; text-align:center; padding: 0 0 0 40px}
#menu-header-menue > li > a		{ text-align:center; color:#404040; font-weight:bold; line-height:60px; text-transform:uppercase; letter-spacing:0.5px;}
#menu-header-menue > li > a:hover	{ color:#309f14}

.mn-navigation-wrap				{ background:#fff!important; -webkit-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); -moz-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); text-transform:uppercase;}
.mn-navigation-wrap	a			{ color:#3f3f3f!important; font-family:robotoregular!important; }
.mn-navigation-wrap	a:hover		{ background:rgba(60,60,60,0.1)!important; transtion:400ms}

.mn-icon-wrap [class*="icono-"]	{ color:#3f3f3f!important;}


#social-nav						{ display:inline-block; width:228px;}
#social-nav > li				{ display:inline-block; padding:9px;} 
#social-nav > li:nth-child(4)	{ padding-right: 0; }
#social-nav img					{ width:37x; height:37px; margin-top:2px;}
#social-nav img:hover			{ -webkit-filter: drop-shadow(0px 1px 3px rgba(60,60,60,0.5)); filter: drop-shadow(0px 1px 3px rgba(60,60,60,0.5)); transition:400ms;}


/*----------------------- Content ----------------------*/
#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; max-height:100vh; overflow-y:scroll; z-index:50; position:relative; right:-17px; overflow-x: hidden;}
#content-wrap 					{ min-height:100px; max-width:1100px; margin: 0 auto; padding:0px 30px 0px 30px;}
#content						{ background:white; padding:40px; margin-top:100px; margin-bottom:130px; -webkit-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); -moz-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); border-radius:1px;}
#content-front					{ max-width:800px; margin-left:-8vw; margin-bottom:80px}

#content h1						{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:50px; line-height:90px; color:#3f3f3f; margin-top:20px;}
#content h2						{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:25px; line-height:70px; color:#3f3f3f; margin-top:20px;}
#content-front h1				{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:115px; line-height:120px; color:#3f3f3f; margin-top:18vh; margin-left:10px;}

.home-entry						{ background:white; padding:40px; border-radius:1px; margin-top:20vh; box-sizing:border-box; -webkit-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); -moz-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); border-radius:1px;}

.content-image-page				{ max-width:800px; margin-left:-8vw; margin-bottom:80px; background:white; padding:40px; border-radius:1px; margin-top:30vh; box-sizing:border-box; -webkit-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); -moz-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); border-radius:1px;}
.content-image-page h1			{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:50px!important; line-height:70px!important; color:#3f3f3f!important; margin-bottom:30px;}
.content-image-page h2			{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:20px!important; line-height:50px!important; color:#3f3f3f!important;}



@media only screen and (max-width: 1500px) {
    #content-front					{ max-width:800px; margin-left:-7vw;}
    #content-front					{ max-width:800px; margin-left:-7vw;}
	#branding 						{ height:60px; max-width:calc(1100px + 14vw); margin:0 auto;}
 	#menu-header-menue > li a		{ font-size:0.9em }
}
@media only screen and (max-width: 1300px) {
    #content-front					{ max-width:800px; margin-left:-2vw}
    .content-image-page				{ max-width:700px; margin-left:-2vw; margin-top:20vh;}
	#content-front h1				{ font-size:100px; margin-top:120px;}
	#branding 						{ height:60px; max-width:calc(1100px + 4vw); margin:0 auto;}
	#menu-header-menue > li a		{ font-size:0.9em }
	#menu-header-menue > li			{ padding: 0 0 0 25px}
}
@media only screen and (max-width: 1050px) {
    #menu-header-menue > li			{ padding: 0 0 0 20px}
	#menu-header-menue > li a		{ font-size:0.8em }
	#social-nav li 				{ padding:9px 0px 9px 10px;}
}
@media only screen and (max-width: 950px) {
    #content-front					{ max-width:800px; margin-left:-2vw}
    .content-image-page				{ max-width:600px; margin-left:-2vw; margin-top:20vh;}
	#content-front h1				{ font-size:10vw; margin-top:120px;}
	#menu-header-menue > li a			{ font-size:0.7em }
}
@media only screen and (max-width: 870px) { #nav {display:none;}}


.entry							{ line-height:22px; font-family:robotoregular; color:#404040}
.entry img						{ max-width:100%; height:auto;}

.entry h1						{ font-size:18px; line-height:24px;}
.entry h1 strong					{ color:#37abda;}
.entry h2						{ color:#37abda; font-size:15px; line-height:18px;}
.entry h3						{ font-size:15px; line-height:18px; color:#1A1A1A;}
.entry h3 strong					{ font-size:15px; line-height:18px; color:#37abda;}
.entry h4						{ font-size:13px; line-height:18px;}
.entry h5						{ font-weight:bold;}

.entry a							{ color:#37abda; text-decoration:underline;}
.entry a:hover					{ color:#17749a; text-decoration:none;}
.entry p							{ margin-bottom:18px;}
.entry ol li						{ list-style: decimal outside none; margin-left: 15px;}
.entry ul li						{ list-style: disc outside none; margin-left: 15px;}


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


/*----------------------- Footer -----------------------*/
#footer-wrap					{ width:100%; height:auto; position:fixed; bottom:50px; z-index:100;}
#footer							{ width:auto; height:50px; position: absolute; right: 0; padding:0px 30px 0px 30px; background:white; -webkit-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); -moz-box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); box-shadow: 0px 1px 5px 0px rgba(66,66,66,0.1); border-radius: 1px 0 0 1px}

#menu-footer-menue				{ display: inline-block; width:100%; vertical-align:top;}
#menu-footer-menue > li			{ display: inline-block; width: auto; text-align:center; padding: 0 9px 0 9px}
#menu-footer-menue > li > a		{ text-align:center; color:#404040; font-weight:bold; line-height:50px; text-transform:uppercase; letter-spacing:0.6px; font-family:robotoregular; font-size:14px;}
#menu-footer-menue > li > a:hover	{ color:#309f14}

/*----------------------- Kontakt ----------------------*/
.wpcf7-text						{ padding:0.8em 4% 0.8em 4%;}
input.wpcf7-text					{ background-color:#FBFBFB; border: dashed 1px #9A4B89;}
					
#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:280px; overflow-y:scroll; padding-right:25px; margin-top:20px;}