/*
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: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';}
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; }

/*------------- Fonts ------------------*/

@font-face { font-family: 'Segoeui';
             src: url('fonts/SEGOEUI.TTF') format('truetype'); }

/*------------- Farben  ------------------*/
/***Blau-dunkel  color:#291670;   ***/
/***Blau-hell    color:#8ed3f3;   ***/
/***Blau-inside  color:#291670;   ***/
/***Blau-rot     color:#d2241b;   ***/


/*--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; }
.wpcf7-checkbox input { -webkit-appearance: checkbox; }

/* 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;padding-bottom: 50px;
}
#header img.headimg	    { width:100%!important; height:auto!important;}
#branding 					{ height:auto; max-width:1420px; margin:0 auto; padding:0px 30px 10px 30px}

.kontaktleiste_header       {font-size: 18px;width: 100%;border-bottom: lightgrey 1px solid;max-width: 1420px;margin: 0px auto;display: block;height: 50px;}
.kontaktleiste_header  a    {color:#291670;}
.kontaktleiste_header_icons {width: 50px; height: 50px; background-repeat: no-repeat;}
.kontaktleiste_inhalt		{width: 70%;margin: 0 auto; height: 70px;padding-top:10px;}
.kontaktleiste-text         {padding-top: 7px; font-size: 16px;}

.kontaktleiste_standort { width: 35%; float:left;min-width: 445px;}
.kontaktleiste_header_icon1 {background-image: url(images/standort.png);float: left;}

.kontaktleiste_telefon { width: 25%; float:left;min-width: 200px; }
.kontaktleiste_header_icon2 {background-image: url(images/tel.png);float: left;}

.kontaktleiste_mail { width: 20%; float:left;min-width:235px;  }
.kontaktleiste_header_icon3 {background-image: url(images/Mail.png);float: left;}

.slider-text {background-color: rgba(255, 255, 255, 0.8);width: 800px; height:  900px;text-align: right !important; font-weight: 700 !important;}
.tp-parallax-wrap .slider-text {font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';color:#291670;font-size: 30px; text-transform: uppercase;padding: 5% 5% 5% 60%!important;font-weight: 700;}



/*----- Kreise in Slider -----*/

.border-aussen_headerbild-rev-s { width:150px;height:150px;border-radius:50%;border: 3px solid #868194;opacity: 0.8; }
.border-mitte_headerbild-rev-s  {width:110px;height:110px;border-radius:50%;border:3px solid #5a5e88;margin: 15px auto!important;display: block; }
.border-innen_headerbild-rev-s  {width:70px;height:70px;border-radius:50%;border:3px solid #515382;margin: 15px auto!important;display: block;}

/*----------------------- Nav --------------------------*/
#nav						{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-weight: 600;font-size: 18px; padding-top: 20px;text-transform: uppercase; float: right; }
#nav ul 					{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';float: right;padding-top: 20px;}
#nav ul li					{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';float: left;text-align: right; /*min-width: 80px;*/padding-left: 30px;}
#nav ul li a				{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';float: left;text-align: right; /*min-width: 80px;*/color:#555555; }
#nav ul li a:hover			{ color:#d2241b;}

#nav .current-menu-item a	{ color:#291670;font-weight: 700;}

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

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

h1							{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-size:24px; line-height:28px;text-transform: uppercase;color:#291670;font-weight: 700;padding-bottom: 10px;}
h1 strong					{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';color:#37abda;font-weight: 700;}
h2, .vc_toggle_title>h4							{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-size:24px; line-height:28px;text-transform: uppercase;color:#291670;font-weight: 700;}
h3							{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-size:16px; line-height:22px; color:grey;font-weight:700;padding-bottom: 50px;}
h3 strong					{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-size:15px; line-height:12px; color:#37abda;}
h4							{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-size:13px; line-height:12px;}
h5							{ font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-weight:bold;}

.entry a					{ color:#291670; }
.entry a:hover				{ color:#d2241b; text-decoration:none;}
.entry a.btn 				{ color:#291670;}
.entry a.btn:hover 			{ border:2px solid #291670;; background:#fff; color:#291670;}
.entry p					{ margin-bottom:18px;font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';}
.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;}
.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;}

.boxen_start {color: #ffffff; margin-bottom: 50px;margin: 5px;width: 32%!important;background-color:#291670;}
.boxen_start:nth-child(2){background-color:grey;}
.boxen_start img {max-width: none!important;margin-right: -3px;margin-top: -3px;}
.boxen_start h2 {color: #ffffff;}
.boxen_start .boxen_inner {padding-top:0!important;}
.boxen_start .boxen_text {padding-top:10px;}

.boxen_start .vc_column-inner {padding-top: 0!important;padding-left: 22px;}
.boxen_start .vc_column-inner h2 {padding-top: 30px;}

.little_picture .vc_column-inner {padding-left: 0px!important;padding-right: 0px !important;}

/*----------------------- Footer -----------------------*/
#footer-wrap				{ width:100%; height:auto;min-height: 200px; background-image: url(images/footer.png);background-position: top;z-index: 1;position: absolute;margin-top: 475px;}
#footer					    { max-width:1420px; height:150px; margin:0 auto; padding: 140px 30px 0px 30px;font-size: 20px;font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';}
#footer ul					{ width: 792px; margin: 0 auto; display: block; }
#footer ul li			    { float: left; /*min-width: 100px;*/ text-align: center;margin: 10px;display: block;}
#footer ul li a			    { color: #ffffff;  }
#footer ul li a:hover		    { color: #d2241b;  }


.kontakt_footer_bild {background-image: url(images/footer_kontakt.png);background-size: cover;background-position: top;width: 100%; height: 580px;position: absolute;}
.kontakt_footer_bild_wrap {color: #ffffff; text-align: center;width: 1030px;margin: 0 auto;padding-top: 10%;}
.kontakt_footer_bild h5 {font-size: 48px;color: #ffffff;padding-bottom: 25px; }
.kontakt_footer_bild h3 {color: #ffffff;padding-bottom: 100px;}
.kontakt_footer_bild h4 {color: #ffffff;font-size: 78px;font-weight: bold;}


/*----------------------- Kontakt ----------------------*/
input.wpcf7-text 	        { background-color: #fff; border: solid 1px; 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: #fff; border: solid 1px; 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: #F8332B; 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: #F8332B; border: solid 1px #F8332B; 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; width: 100%; 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:360px; overflow-y:scroll; padding-right:25px; margin-top:20px;}






@media screen and (max-width: 1450px) {
	.kontakt_footer_bild_wrap {color: #ffffff; text-align: center;width: 1030px;margin: 0 auto;padding-top: 14%;}
}

@media screen and (max-width: 1440px) 
{	
	#logo img { height: 50px!important; margin-top: 15px; }
	#nav ul li { font-size: 14px; padding-left: 10px; min-width: 0px; }
	#nav ul li a { min-width: 0px; }
}

@media screen and (max-width: 1370px) {
	.kontaktleiste_inhalt {width: 80%;}
}

@media screen and (max-width: 1290px) {
	.boxen_start {min-height: 200px;} }
@media screen and (max-width: 1250px) {.kontaktleiste_inhalt {width: 100%;}}
@media screen and (max-width: 1125px) {#branding {min-height: 120px}}

@media screen and (max-width: 1070px) {
	#footer ul {width: 100%;}

}
	
@media screen and (max-width: 1034px) {
	.kontakt_footer_bild_wrap {width: 510px;}}
		
	
@media screen and (max-width: 1000px) {
	#nav {font-size: 15px;}
	.kontaktleiste-text {padding-top: 0px;line-height: 23px;}
    .boxen_start {width: 48% !important;min-height: 260px!important;}
}

@media screen and (max-width: 980px) {
	.kontaktleiste_header{font-size: 15px;}
	.kontaktleiste_header_icons {width: 40px;}
	.kontaktleiste_standort {width: 10%; min-width: 390px!important;}
	.kontaktleiste_telefon {width: 10%;min-width: none!important;}
	.kontaktleiste_mail {width: 10%;min-width: 210px!important;}
	#nav {width: 100%;}
	#nav ul {width: 100%;float: none; margin: 0 auto; }
	#nav ul li:last-child {padding-left: 0;}
	#logo {margin: 0 auto;display: block;}
	#logo img {height: 60px!important;margin: 10px auto 0 auto;display: block;}
	
	.kontaktleiste_header{display: none; }
	#nav	{display:none;}
	#branding { min-height: auto!important; padding: 0 30px;}
	
}
	
@media screen and (max-width: 840px) {
    .kontaktleiste_standort { min-width: 360px!important;}
}


@media screen and (max-width: 850px) {
    .kontaktleiste {font-size: 15px;}
    .kontaktleiste_mail {min-width: 180px !important;}
    .kontaktleiste_telefon {min-width: 139px !important;}
    .kontaktleiste_header {font-size: 13px;}
}

@media screen and (max-width: 870px) {
	#nav ul li {padding-left: 15px;}
	
}
	
	
@media screen and (max-width: 768px) {

	
    #logo {width: 50px;height: auto;}
	#branding {min-height: 80px;}
	
	.entry img							{ max-width:100%; height:auto;}
	.boxen_start {width: 100%!important; Padding: none;}

    
	.Startseite_section_zwei_bild {width: 100%;}
	.nachrichtenfelder						{ float:inherit; width:92%;}
	#nachricht							{ padding:0.8em 4% 0.8em 4%;}
	
	
	#footer-wrap	{min-height: 270px;}
	#footer ul li {font-size: 15px;}
	.kontakt_footer_bild_wrap {padding-top: 23%;}
}


@media screen and (max-width: 700px) {
	#branding {min-height:60px;}} 

@media screen and (max-width: 600px) {
.kontakt_footer_bild h5 {font-size: 28px;}
.kontakt_footer_bild h3 {font-size: 14;padding-bottom: 40px;}
.kontakt_footer_bild h4 {font-size: 38px;line-height: 1;}
.kontakt_footer_bild_wrap { width: 350px;}
	#footer{display: none;}
	#footer-wrap {min-height: 160px;}
	.kontakt_footer_bild_wrap {padding-top: 36%;}
	
}



@media screen and (max-width: 500px) 
{	#logo img { height: 40px!important; margin: 20px auto 0 auto}
	#logo { margin-top: 10px; }}

.mehrbutton { color: #fff!important; }
.mehrbutton:hover { color: #ddd!important; }