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

@font-face {
    font-family: 'Orbitron';
    src: url('fonts/orbitron-regular-webfont.woff2') format('woff2'),
         url('fonts/orbitron-regular-webfont.woff') format('woff');
    font-weight: normal;
    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;}
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; background-color: #1b1e27; }
#header img.headimg				{ width:100%; height:auto;}
#branding 						{ height:auto; max-width:1725px; margin:0 auto; padding:0px 30px 0px 30px}
.besser-vorher                  { position: fixed; right: 20px; z-index: 10000; top: 288px; width: 105px; height: 120px; }
.besser-vorher img              { animation: stretch 1.5s ease-out 0s alternate infinite none running; }

@keyframes stretch { 0% {transform: scale(1);
      }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: 1;
    
  }
}

/*----------------------- Nav --------------------------*/
#nav					   { font-family:"Lato"; height: 77px; max-width: 500px; }
#menu-hauptmenue li        {float: left; font-size: 14px; text-transform: uppercase; margin-right: 30px; margin-top: 46px; position: relative; }
#menu-hauptmenue li a      { color: white; }
#menu-hauptmenue li a:hover {color: #ffc000;}
#nav ul .current-menu-item::before { display: block; content: ""; width: 100%; height: 20px; background:url("https://verbrauchstest.de/wp-content/uploads/2018/06/Motor-klein.png"); background-repeat: no-repeat; background-position: center; position: absolute; top: -30px; }

.infos                     { font-family:"Lato"; font-size: 14px; float: right; color: white; margin-top: -32px;}
.infos a                   {color: white; }
.infos a:hover             { color: #ffc000;}
.phone                     { float: left; margin-right: 60px;}
.mail                      { float: left;}
.logo-rahmen               {  height: 500px;}
.logo                      { position: absolute; z-index: 10000; margin-top: -110px; margin-left: 30%;     }
.phone img                 {margin-right:15px;}
.mail img                   {margin-right:15px;}

/*----------------------- Content ----------------------*/
#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; }
#content-wrap 					{ min-height:100px; max-width:1100px; margin: 0 auto; padding:40px 30px 0px 30px; }
#content						{ }
.wpb_wrapper                
.vc_column-inner            { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 100%; }
.entry						{ line-height:22px;}
.entry img					{ max-width:100%; height:auto;}
.wpb_column vc_column_container vc_col-sm-12 {margin-left: -20%;}
.line                       { border-bottom: 1px solid white; margin-left: -440px; width: 646px; margin-top: -50px; margin-bottom: 80px;   }

h1							{font-family: "Orbitron"; font-size:53px; line-height: 63px; text-align: center!important;  }
h2							{ font-family: "Lato"; color:white; font-size:24px; text-transform: uppercase;  line-height: 35px;}
h3							{ font-family: "Lato"; font-size:14px; line-height:22px; text-transform: uppercase; color: #909090; margin-bottom: 30px; }
h4							{ font-family: "Lato"; font-size:20px; line-height:26px; text-transform: uppercase; color: white; }
h5							{font-family: "Lato"; font-size:20px; line-height:26px; text-transform: uppercase; color: black;}
h6                          {font-family: "Lato"; font-size:20px; line-height:26px; text-transform: uppercase; color: black;}

.entry a					{ color:#fecc37; text-decoration:underline;}
.entry a:hover				{ color:#17749a; 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:#0d3d6e;}
.entry p					{  font-family: "Lato"; font-size: 16px; 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;}

.besser-vorher              {}


/*----------------------- 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;}
@media screen and (min-width: 1500px) {.content-middle       {margin-left: -20%; }}
.line-row             { border-left: 2px solid white; }
.line-row-black       { border-left: 2px solid black; }
.motorreinigung       { margin-left: 70px; }
.motorreinigung-unter     {margin-left: 70px!important;  }
.text-start            { margin-top: -40px; margin-left: 70px;  }
.text-unter            { margin-top: -40px; margin-left: 70px;   }

#mobmenuright li       {font-family: "Lato";}

/*----------------------- Footer -----------------------*/
#footer-wrap			{ width:100%; height:auto; background-color: #1b1e27; padding-top: 105px; min-height: 646px;  }
#footer					{ max-width:1100px; margin:0 auto; padding:0px 30px 0px 30px;}
#footer-wrap a          { font-family: "Lato"; text-transform: uppercase; color: white;  }
.text-footer            { font-family: "Lato"; color: #8f8f8f; font-size: 14px; line-height: 26px; margin-bottom: 137px; }
#menu-footermenue   {line-height: 26px;}
.karte {float: right; margin-right: 0px; margin-top: -260px; position: absolute; right: 0px; width: 650px;  }

#menu-footermenue a:hover    {color: #ffc000;}

.menu-footermenue-container  {float: left;}

.contact-footer        {width: 280px; float: left; margin-left: 250px; margin-top: -250px;}


/*----------------------- Kontakt ----------------------*/
.wpcf7-form         { font-family:'Lato';}
input.wpcf7-text 	{ background: none; border: none; color: white; font-size: 14px; line-height: 24px; margin-bottom: 15px; border-bottom: 1px solid white; }
.wpcf7-text 		{ padding: 5px; width: 100%; box-sizing: border-box;}
textarea.wpcf7-textarea { background: none; border: none; color: white; font-size: 14px; line-height: 24px; margin-bottom: 15px; margin-top: -40px; border-bottom: 1px solid white;padding-top: 45px!important; font-family: sans-serif;}
.wpcf7-textarea 	{ padding: 0.8em 5px 0.8em 5px; 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; background: #ffc000; 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; color: #1c1f28; }
input.wpcf7-submit 	{ border: solid 1px white; color: #fff; font-family:sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; background: none;  }
.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; }
.wpcf7-form-control-wrap.your-message   {background: none; }
div.wpcf7 { color: white; }

.wpc7-form p         { color: white; }
span.wpcf7-not-valid-tip { display: none!important; }
.wpcf7-not-valid 			{ border-color: #f00!important; }

div.wpcf7-response-output { margin: 0; font-size: 12px; }

.impressum										{height:310px; overflow-y:scroll; padding-right:25px; margin-top:20px;}
.wpcf7-checkbox input 				{ -webkit-appearance: checkbox; margin-left: 0px;}

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

.g-recaptcha { margin-bottom: 20px; }


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

	.karte {width: 450px;}

}

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

/*.content-middle       {margin-left: -10%; }*/

}


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

/*.content-middle       {margin-left: 5%; }*/
	.karte            {float: left; margin-top: 20px; margin-bottom: 20px; position: relative; width: 770px!important;}
	/*#footer               {height: 942px;}*/
	.contact-footer          {width: 590px;}
	.logo img                     {width: 350px;  margin-left: 58px;}
}




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

.besser-vorher img              { display: none; }
.logo img      { display: none; }
#branding      { display: none; }
}

@media screen and (max-width: 1027px) {
	
	/*#footer {height: 1185px; }*/

}


@media screen and (max-width: 1024px) {
	
	#nav    {display: none;}	
	/*#footer {height: 1185px; }*/

}

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

.text-footer              {float: left;   margin-left: 0px;}
.menu-footermenue-container     {float: left;    margin-left: 5%;}
.contact-footer            {margin-left: 0px;    margin-top: 10px;}
	/*#footer                    {    height: 1175px;}*/
	.line                     { display: none; }
}


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

	.vc_col-sm-4    {width: 100%!important;}

	.revheadline,
	.revheadline span { font-size: 22px!important; line-height: 36px!important; }
}


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

	.text-footer     {margin-left: 0px; width: 100%; margin-bottom: 20px; }
	.menu-footermenue-container  {margin-left: 0px; float: none; margin-bottom: 20px; }
	.contact-footer    {margin-left: 0px; width: 100%;}
	.karte                 {width: 100%!important;}
}


/*@media screen and (max-width: 450px) {

	.contact-footer      {    width: 330px;}
	.karte                   {width: 360px!important;}
	.menu-footermenue-container {margin-left: 28px;}

}

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


	.menu-footermenue-container    {    margin-top: -100px;}
	.contact-footer                {    width: 250px;    margin-top: 70px;}
	.karte                         {width: 290px!important;}
	#footer                             {height: 1325px;}

}*/


@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%;}
}