/*
Theme Name: Web Labels Basic
Theme URI: http://www.web-labels.de
Author: Web Labels
Author URI: http://www.web-labels.de
Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!
Version: 2.0
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 reudi1gi 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;}

input:focus, textarea:focus { outline: none!important; }
.wpcf7-checkbox input,
.wpcf7-acceptance input 				{ -webkit-appearance: checkbox; margin-left: 0px;}

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


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



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

/*----------------------- Head -------------------------*/
#logo, #logo img					{ display:inline-block; width:auto!important; min-width:0px!important; max-width:100%;}
#header							{ width:100%; height:auto;}
#header img.headimg				{ width:100%; height:auto;}
#branding 						{ height:auto; margin:0 auto; padding:0px 30px 0px 30px; margin-top: 15px;}

/*----------------------- Nav --------------------------*/
#nav                            { display: inline-block; transform: translateX(-50%); position: relative; left: 50%;}
#nav ul li 						{ margin-right: 0px; display: inline-block; }
#nav ul li a 					{ font-size: 16px; text-transform: uppercase; padding: 10px 20px; }
#nav ul li.current_page_item a,
#nav ul li a:hover 				{ color:#fff; background: #e2001a; }

@media screen and (max-width: 960px) { #nav ul li a { font-size: 14px; padding: 10px; }}


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

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


.entry a					{ text-decoration:underline;}
.entry a:hover				{ 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 ol li				{ list-style: decimal outside none; margin-left: 15px;}
.entry ul li				{ list-style: disc outside none; margin-left: 15px;}


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

.nav-sidebar.sidebar #sidebar					{ max-width:400px; padding: 25px; background: #f7f7f7; }


#sidebar > ul				{ list-style-type:none;}
#sidebar > ul > li			{ display:block; margin-bottom:70px; }

.blog-content h1,
.blog-content h2			{ margin-bottom:30px;}
.blog-content .post-vorschau .vorschau	{ display:block; width:100%; height:250px; margin-bottom:30px; overflow:hidden;}
.blog-content .post-vorschau .vorschau img	{ display:block; width:100%; height:100%; object-fit:cover; transition:300ms;}
.blog-content .post-vorschau a:hover img	{ display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.1); transition:300ms;}
.blog-content .post-vorschau h3 { margin-bottom:20px; }
.blog-content .post-vorschau h3 a { text-decoration:none; }
.blog-content .post-vorschau h3 a:hover { opacity:0.7;}

.single .blog-content .wp-post-image	{ width:100%; height:auto; display:block; margin-bottom:30px;}
.single .sidebar .wp-post-image	{ width:100%; height:auto; display:block; margin-bottom:30px;}

/*----------------------- Footer -----------------------*/
#footer-wrap				{ width:100%; height:auto;}
#footer					{ margin:0 auto; padding:0px 30px 0px 30px;}
.footer-column              { float: left; box-sizing: border-box; }


/*----------------------- Kontakt ----------------------*/
input.wpcf7-text 	{ background-color: #f1f1f1; border: none; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.wpcf7-text 		{ padding: 0.8em 20px 0.8em 20px; width: 100%; box-sizing: border-box;}
textarea.wpcf7-textarea { background-color: #f1f1f1; border: none; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.wpcf7-textarea 	{ padding: 0.8em 20px 0.8em 20px; width: 100%; min-width: 100%; max-width: 100%; height: 107px; min-height: 107px; max-height: 107px; box-sizing: border-box;}
.wpcf7-submit:hover 	{ cursor: pointer; color: #e2001a; background: #fff; font-weight: 700; -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 	{ background-color: #e2001a; border: solid 1px #e2001a; color: #fff; font-family:sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; text-transform: uppercase; }
.wpcf7-submit { padding: 0.72em 20px; 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; }

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



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

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


/*----------------------- Nav --------------------------*/
#nav								{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%;}
}



h2.widgettitle { font-size: 20px; margin-bottom: .8em; }
.sidebar > li { margin-bottom: 30px; }
.sidebar > li:last-child { margin-bottom: 30px; }

#pagination span, #pagination a { padding: 5px; background: #f7f7f7; margin-right: 5px; color: #000; }
#pagination span.current, #pagination a:hover { background: #e2001a; color: #fff; }

@media screen and (max-width: 768px) {
    .blog-content { padding-right: 0!important; }
}

#searchform input { border: none; box-shadow: none; padding: 5px; }
#searchsubmit { cursor: pointer; }

.em-calendar { width: 100%; }

div.css-search div.em-search-main .em-search-submit { background-image: none!important; background-color: #e2001a!important; border-radius: 0!important; cursor: pointer; }
.events-table { width: 100%; }
.events-table th, .events-table td { text-align: left!important; }

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a { color: #e2001a!important }