@charset "UTF-8";
/* CSS Document
Theme Name: tr-automobile.de
Theme URL: https://tr-automobile.de
Author: Alexandra Schneidewind für Tecius & Reimers Automobile oHG
Author URL: https://asapmedia.de
Description: WordPress Theme im Stil von Tecius & Reimers Automobile oHG. Dieses Theme darf nicht kopiert werden und dient allein der Darstellung der Internetseite von Tecius & Reimers Automobile oHG.
Version: 1.0.0
License: Dieses Theme darf nicht kopiert werden und dient allein der Darstellung der Internetseite von Tecius & Reimers Automobile oHG
License URL: https://asapmedia.de
*/



/* ==========================================================================
   Globale Elemente Hauptseite
   ========================================================================== */
   
   
   	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	[hidden] { display: none; }
	
	.clear{clear:both; line-height:0.00001em; font-size:0.00001em;}
	
	html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; 
	       -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
		   
	*,
	*:before,
	*:after {
		/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
		box-sizing: inherit;
	}
	
	body,
	input,
	textarea  {
		font-family: 'Helvetica', sans-serif; 
		margin:0px;
		padding:0px;
		font-size:0.95em;
		line-height: 1.231em; 
		font-weight: 400;
	}

	audio, canvas, progress, video  
	{ display: inline-block; *display: inline; *zoom: 1;  vertical-align: baseline;}

	audio:not([controls]) {
	display: none;
	height: 0;
	}
	
	
	[hidden],
	template {
		display: none;
	}
	
	

	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { border: 0; border-top: 1px solid #515151; display: block; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	
	pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	small { font-size: 85%; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	ul, ol { margin: 0; padding: 0; list-style-position: inside; }
	ul ul, ol ol, ul ol, ol ul { margin: 0; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol, #mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	svg:not(:root) { overflow: hidden; }
	figure, form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }
	legend { border: 0; margin-left: -7px; padding: 0; }
	label { cursor: pointer; }
	button, input, select, textarea {margin: 0; vertical-align: baseline;}
	button, input { line-height: normal; }
	table button, table input {}
	button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	table { border-collapse: collapse; border-spacing: 0; }
	th {}
	
	.left        { float: left !important;}
	.right       { float: right !important; }
	   
 	
	.clear-floats{clear:both}
   
   
   
   
/* ==========================================================================
	   Figuren
   ========================================================================== */
	   
	figure { margin: 0; }
   

/* ==========================================================================
   Tabellen
   ========================================================================== */  
   
    table,
	th,
	td {
		border: 1px solid #eaeaea;
		border: 1px solid rgba(51, 51, 51, 0.1);
		vertical-align:top;
	}
	
	

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin: 0 0 1.6em;
		table-layout: fixed; /* Prevents HTML tables from becoming too wide */
		width: 100%;
	}
	
	table h3{
		font-size: 80%;
		font-weight:bold;
	}
	
	caption,
	th,
	td {
		font-weight: normal;
		text-align: left;
	}
	
	th {
		border-width: 0 1px 1px 0;
		font-weight: 700;
	}
	
	td {
		border-width: 0 1px 1px 0;
	}
	
	th, td {
		padding: 0.4em;
	}
	
	
	
/* ==========================================================================
   Bilder und Wordpress Styles
   ========================================================================== */  
   
   	/*Resize images to fit the main content area.
	- Applies only to images uploaded via WordPress by targeting size-* classes.
	- Other images will be left alone. Use "size-auto" class to apply to other images.
	*/
	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img {
		max-width: 100%; /* When images are too wide for containing element, force them to fit. */
		height: auto; /* Override height to match resized width for correct aspect ratio. */
	}
   	object, embed { max-width: 100%; height: auto;}
	img { -ms-interpolation-mode: bicubic;border: 0;vertical-align:middle;height: auto; margin:0px; padding:0px;}
	#main img{max-width:100%;}
	#map_canvas img, .map_canvas img {max-width: none!important;}
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter { display:block; margin: 5px auto; }
	.alignright {float:right; }
	.alignleft {float:left; }
	.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	svg:not(:root) { overflow: hidden; }

	.wp-caption { text-align: center; padding:0;}
	.wp-caption img { border: 0 none; padding: 0; margin: 0; max-width: 98.5%; width: auto;display: block;}
	.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0;padding-top:5px;}
	.wp-smiley { margin: 0 !important; max-height: 1em; }
	.gallery dl {}
	.gallery dt {}
	.gallery dd {}
	.gallery dl a {}
	.gallery dl img {}
	.gallery-caption {}
	.size-full {}
	.size-large {}
	.size-medium {}
	.size-thumbnail {}
	.sticky{}
	.bypostauthor{}

	svg:not(:root) { overflow: hidden; }
	
	.left        { float: left; }
	.right       { float: right; }
	.text-left   { text-align: left; }
	.text-right  { text-align: right; }
	.text-center { text-align: center; }
	.text-bold	 { font-weight:bold;}
	.hide        { display: none; }
	.clear,br.clear{clear: both;height:0;}
	#googlemap img, object, embed { max-width: none; }
	#map_canvas embed { max-width: none; }
	#map_canvas img { max-width: none; }
	#map_canvas object { max-width: none; }
	.t0{margin-top:0px !important;}.t10{margin-top:10px !important;}.t15{margin-top:15px !important;}.t20{margin-top:20px !important;}
	.t30{margin-top:30px !important;}.t35{margin-top:35px !important;}.t40{margin-top:40px !important;}
	.b0{margin-bottom:0px !important;}.b10{margin-bottom:10px !important;}.b20{margin-bottom:20px !important;}
	.b30{margin-bottom:30px !important;}.b35{margin-bottom:35px !important;}.b40{margin-bottom:40px !important;}
	
	
/* ==========================================================================
   Blockquote
   ========================================================================== */  
   
   blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }
	

	
/* ==========================================================================
   Links
   ========================================================================== */
   
   
    a,
	a:link { color: rgba(46,46,46,1.00); text-decoration: none; line-height: inherit;}
	a:active,
	a:hover {color: rgba(52,52,52,1.00);
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;}
	a:focus {outline: medium none;}
	p a, p a:visited { line-height: inherit; color: rgba(2,126,188,1.00); }




/* ==========================================================================
   Listenstyles
   ========================================================================== */
	
    ul, ol { margin: 0 0 18px 1.5em; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	li { list-style-position: outside; }
	ul.large li { line-height: 21px; }	
	ol ol { list-style: upper-alpha; }
	ol ol ol { list-style: lower-roman; }
	ol ol ol ol { list-style: lower-alpha; }
	ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
	dl { margin: 0 0 24px 0; }
	dt { font-weight: bold; }
	dd { margin-bottom: 0px; }
	
	
	
 

/* ==========================================================================
   Überschriften und Schriftstyles
   ========================================================================== */
   
   
   h1,h2,h3,h4,h5,h6 {font-weight: 600;padding: 0;margin-top:5px;letter-spacing: -0.1px;   
   font-family: Helvetica,Arial,sans-serif;}
   
	h1 {font-size: 22px;line-height: 30px; color: #434343;}
	h2 {font-size: 20px;line-height: 27px;color:rgba(69,69,69,1.00); font-style:normal; 
	    font-weight: 600; text-transform: uppercase; margin: 0 0 10px 0;}
	h2 a{ text-decoration: none; color:rgba(69,69,69,1.00); }	
	h2 span { font-size: 18px; color:rgba(69,69,69,1.00); font-weight: 400; }
	h3 {font-size: 16px; text-align: left; font-weight: bold; display: block; 
	    margin: 0 0 5px 0; padding: 0; color: #535353; line-height:22px;}
	h4 {font-size: 16px;line-height: 20px; text-align: left; font-weight: bold; 
	    display: block; margin: 0 0 7px 0; padding: 0; color:rgba(69,69,69,1.00);}
	h5 {font-size: 12px;line-height: 18px;}
	h6 {font-size: 10px;line-height: 16px;}
	
	p {line-height: inherit; margin: 0 0 10px; }
	p img { margin: 0; }
	p.lead { font-size: 18px; font-size: 1.8 em; line-height: 1.5;  }
	em, i { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
	
   
/* ==========================================================================
   DAS GRID SYSTEM
   ========================================================================== */
   
	   /*  SECTIONS  */
	.section {
		clear: both;
		padding: 0px;
		margin: 0px;
	}
	
	/*  COLUMN SETUP  */
	.col {
		display: block;
		float:left;
		margin: 1% 0 1% 1%;
	}
	
	.col:first-child { margin-left: 0; }
	
	.colnav {
		display: block;
		float:left;
		margin: 0 0 0 0;
	}
	.colsocial {
		display: block;
		float:left;
		margin: 0;
	}
	
	.collogo {
		display: block;
	}
	
	
	.colnav:first-child { margin-left: 0; }
	
	.colfa {
		display: block;
		float:left;
		margin: 1% 0 1% 0%;
	}
	
	
	
	/*  GROUPING  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both;}
	.group { zoom:1; /* For IE 6/7 */ }
	
	
	
	/*  GRID OF TWELVE  */
	
	
	.twelve {
	width: 100%;
	}
	
	.eleven {
		width: 91.53%;
	}
	.ten {
		width: 83.06%;
	}
	
	.nine {
		width: 74.6%;
	}
	
	.eight {
		width: 66.13%;
	}
	
	.seven {
		width: 57.66%;
	}
	
	.six {
		width: 49.2%;
	}
	
	.five {
		width: 40.73%;
	}
	
	.four {
		width: 32.26%;
	}
	
	.three {
		width: 23.8%;
	}
	
	.two {
		width: 15.33%;
	}
	
	.one {
		width: 6.866%;
	}


	
/* ==========================================================================
   ICONS
   ========================================================================== */
			
		/*!
	 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
	 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
	 */
	/* FONT PATH
	 * -------------------------- */
	@font-face {
	  font-family: 'FontAwesome';
	  src: url(https://tr-autos.de/fonts/fontawesome-webfont.eot?v=4.4.0);
	  src: url(https://tr-autos.de/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'), 
	  url(https://tr-autos.de/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2')
	  url(https://tr-autos.de/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'), 
	  url(https://tr-autos.de/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'), 
	  url(https://tr-autos.de/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	.fa {
	  display: inline-block;
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	/* makes the font 33% larger relative to the icon container */
	.fa-lg {
	  font-size: 1.33333333em;
	  line-height: 0.75em;
	  vertical-align: -15%;
	}
	/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
	   readers do not read off random characters that represent icons */
	   
	.fa-arrow-left:before {
	  content: "\f060";
	}
	.fa-arrow-right:before {
	  content: "\f061";
	}
	.fa-arrow-up:before {
	  content: "\f062";
	}
	.fa-arrow-down:before {
	  content: "\f063";
	} 
	
	.fa-twitter-square:before {
  	content: "\f081";
	}
	.fa-facebook-square:before {
	  content: "\f082";
	}
	
	.fa-linkedin-square:before {
	  content: "\f08c";
	}
	
   .fa-phone:before {
	  content: "\f095";
	}
   
   .fa-phone-square:before {
	  content: "\f098";
	}
	.fa-twitter:before {
	  content: "\f099";
	}
	.fa-facebook-f:before,
	.fa-facebook:before {
	  content: "\f09a";
	}
   
   .fa-globe:before {
	  content: "\f0ac";
	}

	.fa-pinterest:before {
	  content: "\f0d2";
	}
	.fa-pinterest-square:before {
	  content: "\f0d3";
	}
	.fa-google-plus-square:before {
	  content: "\f0d4";
	}
	.fa-google-plus:before {
	  content: "\f0d5";
	}

	.fa-envelope:before {
	  content: "\f0e0";
	}
	.fa-linkedin:before {
	  content: "\f0e1";
	}
	
	.fa-calendar-o:before {
	  content: "\f133";
	}

	.fa-youtube-square:before {
	  content: "\f166";
	}
	.fa-youtube:before {
	  content: "\f167";
	}
	.fa-xing:before {
	  content: "\f168";
	}
	.fa-xing-square:before {
	  content: "\f169";
	}
	.fa-youtube-play:before {
	  content: "\f16a";
	}
	.fa-dropbox:before {
	  content: "\f16b";
	}

	.fa-skype:before {
	  content: "\f17e";
	}
	
	.fa-envelope-square:before {
	  content: "\f199";
	}
	.fa-wordpress:before {
	  content: "\f19a";
	}

	.fa-yahoo:before {
	  content: "\f19e";
	}
	.fa-google:before {
	  content: "\f1a0";
	}
	
	.fa-fax:before {
	  content: "\f1ac";
	}
	
	
	.fa-th-list:before {
	  content: "\f00b";
	}


	.fa-wifi:before {
	  content: "\f1eb";
	}
	.fa-calculator:before {
	  content: "\f1ec";
	}
	.fa-hotel:before,
	.fa-bed:before {
	  content: "\f236";
	}

	.fa-star:before {
	  content: "\f005";
	}
	.fa-star-o:before {
	  content: "\f006";
	}
	
	
	

/* ==========================================================================
   	PFEILE
   ========================================================================== */
   	
	
	arrow {
	border: 5px solid #444;
	font-size:0;line-height:0;height:0;padding:0;margin:0;
	
	}
	
	arrow.down {
		border-right-color:  transparent;
		border-bottom-color: transparent;
		border-left-color:   transparent;
	}
	
	.arrow.up {
		border-top-color:    transparent;
		border-right-color:  transparent;
		border-left-color:   transparent;
	}
	.arrow.left {
		border-top-color:    transparent;
		border-bottom-color: transparent;
		border-left-color:   transparent;
	}
	.arrow.right {
		border-top-color:    transparent;
		border-right-color:  transparent;
		border-bottom-color: transparent;
	}
	
	
/* ==========================================================================
   EIGENTLICHE STYLES DER SITE
   ========================================================================== */
   
   
   body { 	background:rgba(255,255,255,1.00);
			font-size:100%;
			margin:0px auto; 
			padding:0em;
			font-family:Helvetica;
			line-height:1.4em;
			color:rgba(56,56,56,1.00);
			}
   
   
   .hide-on-desktop {
    display: none !important;
	}
	
	

/* ==========================================================================
   HEADER
   ========================================================================== */
   
    
	#header {
		padding-bottom:15px;
		}
		
		
	#logo {
		padding-top:10px;
		display:inline-block !important;
		}
			
			
	#logo img{
		max-width:100% !important;
		}	
	
	#rechts img, #rechts2 img, #links img{
		max-width:100% !important;
		}	
		
	#links {
		float:left;
		width:12%;
		}
		
			
	#rechts {
		float:right;
		width:50%;
		text-align:right !important;
		}		
		
	
#rechts2{
		float:right;
		text-align:right !important;
		}


   
/* ==========================================================================
	   NEWS BUTTON
   ========================================================================== */
	  
.header_inner {
    display:block;
	max-width:1100px;
    margin:0em auto;
	padding:0em;
    
}
	.header_inner_right{
                        float:right;
                        position:relative;
                        z-index:199;
    }

    .side_menu_button_wrapper{display:table}

    .side_menu_button{
        cursor:pointer;
        display:table-cell;
        vertical-align:middle;
        height:auto;
        background-color: rgba(2,126,188,0.85);
        border-radius:5%;
        color: white;
        padding: 0.8em;
        font-weight: 500;
        font-size:16px;
        line-height: 33px;
        text-align: center;
    }

 .side_menu_button a{
        color: white;
    }

.side_menu_button h2{
        font-size: 30px;
        line-height: 34px;
          color: white;
     }

@media screen and (min-width:768px){
    .side_menu_button{
        padding: 1.2em;
    }
    
     .side_menu_button h2{
        font-size: 52px;
        line-height: 60px;
          color: white;
         padding-top: 5px;
    }

}

.righty {
    margin-left:auto;margin-right:1em; 
    margin-top:1em;
}


/* ==========================================================================
    NAVIGATION
   ========================================================================== */
   
   @media screen{
	   
	   
   #wrapper-navigation{
			display:block;
			width:96%;
			max-width:1100px;
			margin:0em auto;
			padding:0em;
	   }
   
  	nav a{ text-decoration:none;font-family:'Helvetica',sans-serif;font-size:13px; color:rgba(78,78,78,1.00);}
	
	nav ul,nav ul li{margin:0;padding:0}

	nav .touch-btn{display:none}
	
   }
   
	@media screen and (min-width:768px){
	
	.main-nav{display:block!important;}
	#nav-container a{margin:0px auto; color:rgba(78,78,78,1.00);}
	nav ul li{float:left;display:inline;width:auto;position:relative;
	margin:0; z-index: 9999;}
	nav ul li:hover{color:rgba(0,116,189,1.00); z-index: 9999;}
	nav>ul>li{margin:0 3px 0 0}
	nav ul li a{padding:5px 10px;display:block;text-align:center; color:rgba(78,78,78,1.00);z-index: 9999; text-transform:uppercase;}
	nav ul li a:hover{color:rgba(0,116,189,1.00); text-transform:uppercase; font-weight:700; border-bottom:2px solid #4e4e4e; z-index: 9999;}
	nav>ul>li{
	}
	nav>ul>li>a{ color:rgba(78,78,78,1.00);}
	nav ul li ul{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;
	-o-transition:all .25s ease;transition:all .25s ease;position:absolute;max-height:0;
	overflow:hidden;margin:-20px 0 0 0;opacity:0;-webkit-box-shadow:1px 1px 2px rgba(50,50,50,.35);
	-moz-box-shadow:1px 1px 2px rgba(50,50,50,.35);box-shadow:1px 1px 2px rgba(50,50,50,.35)}
	
	nav ul li:hover>ul{max-height:1000px;overflow:visible;margin:0;opacity:1}
	nav ul li ul li{background-color:rgba(255,255,255,0.80);border-top:1px solid #4e4e4e; min-width:200px;}
	ul li ul li a.parent{background:url(img/arrow-parent.gif) no-repeat 97% 50%}
	nav ul li ul li ul{float:left;position:absolute;left:175px;top:0;width:0;margin:0 0 0 -20px}
	nav ul li ul li:hover>ul{margin:0;min-width:200px}
	nav ul li ul li ul li,nav ul li ul li ul li ul li{background-color:rgba(255,255,255,0.80); color:rgba(78,78,78,1.00);}
	
	.current-menu-item a {
	border-bottom:2px solid #4e4e4e; font-weight:700;}
	}
	
	
   
		
 /* ==========================================================================
   Trenner
   ========================================================================== */


   .trenner-hellgrau {
	   height:1px; 
	   background:rgba(233,233,233,1.00);
	   }
	
	.trenner-mazdablau {
	   height:3px; 
	   background:rgba(2,126,188,1.00);
	   }
	      
	.balken-hellgrau {
	   height:12px; 
	   background:rgba(233,233,233,1.00);
	   }
	   
	 .balken-mazdablau {
	   height:4px; 
	   background:rgba(2,126,188,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }
	       
	   
	   .balken-dick-mazdablau {
	   height:12px; 
	   background:rgba(2,126,188,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }
	   
	 .balken-schwarz {
	   height:4px; 
	   background:rgba(0,0,0,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }
	   
	   
	   .balken-kiarot {
	   height:4px; 
	   background:rgba(171,51,57,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   } 
		   
	   .balken-dick-kiarot {
	   height:12px; 
	   background:rgba(171,51,57,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }   
	   
	   #kia-emissionen {
		   padding: 10px 0px;
		   font-size:10px;
		   }
		   
		   
	  .balken-yamaharot {
	   height:4px; 
	   background:rgba(218,36,49,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
		-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
		box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }	   
	   
	   
	   .balken-schwarz {
	   height:4px; 
	   background:rgba(0,0,0,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
		-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
		box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }	   
	   
	   
	   .balken-dick-schwarz {
	   height:12px; 
	   background:rgba(0,0,0,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
		-webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
		box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }	   
	   
/* ==========================================================================
    CONTENTBEREICH
   ========================================================================== */

	
	#content-weiss {  
	background-color:rgba(255,255,255,1.00);
	}
	
	#content-schwarz {  
	background-color:rgba(0,0,0,1.00);
	}
 
 	
	#content-dunkelgrau {  
	background-color:rgba(53,53,53,1.00);
	}
 
 	#content-mittelgrau {  
	background-color:rgba(77,77,77,1.00);
	}
	
	#content-hellgrau {  
	background-color:rgba(246,246,246,1.00);
	}
	
	#content-abgesetzt {  
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+68,e9e9e9+69,e9e9e9+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 68%, rgba(233,233,233,1) 69%, rgba(233,233,233,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 68%,rgba(233,233,233,1) 69%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 68%,rgba(233,233,233,1) 69%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */


	}
 
 	#content-hellgrauverlauf {  
	
		background:rgba(232,232,232,1.00); 	
			/* Permalink - use to edit and share this gradient: 			
			http://colorzilla.com/gradient-editor/#ffffff+0,b2b2b2+100&1+0,0.55+100 */
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(178,178,178,0.55) 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(178,178,178,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(178,178,178,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8cb2b2b2',GradientType=0 ); /* IE6-8 */
	
		}
		
		
/* ===========================================
    WRAPPER CONTENT
   =========================================== */

 	
	#wrapper-content {
		display:block;
		max-width:1100px;
		width:96%;
		margin:0em auto;
		padding:0em;
		}
	
	
 	.mittelgrau {  
	background-color:rgba(77,77,77,1.00);
	}
	
   	.content {
		   padding: 15px;	
		   font-size:90%;
		text-align:justify !important;
		-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
			}
	

			.content h1{
			font-size: 22px;
			font-weight:bold;
			color: #414042;
			line-height: 24px;
			text-transform: uppercase;
			font-style:normal;
			padding:10px 0px 0px 0px !important;
	   		}
			
			.content h2{ font-size: 20px; 
			color: #414042; font-style:normal; 
			font-weight: 600; text-transform: uppercase; 
			margin: 20px 0 30px 0; }
			
			.content h3{ font-size: 17px; color: #414042; 
			font-style:normal; font-weight: 400; 
			text-transform: uppercase; margin: 0 0 5px 0; }
			
			.content h4{ font-size: 14px; color: #414042; 
			font-style:italic; font-weight: 600; 
			margin: 0 0 4px 0; }
			
							
			.content h5 { 	margin: 0 0 4px 0; 
							color: #666; 
							font-size: 14px; 
							font-weight: bold; }
						
						
				
			.content hr{
						border: solid rgba(51,51,51,1.00); border-width: 1px 0 0; 
						clear: both; margin: 4px 0 10px; height: 0; 
			}	
			
			.content ul {
				list-style: square;
				margin: 0 0 12px 1.5em;
			}
			.content ol {
				list-style: decimal;
				margin: 0 0 18px 1.5em;
			}
			.content ol ol {
				list-style: upper-alpha;
			}
			.content ol ol ol {
				list-style: lower-roman;
			}
			.content ol ol ol ol {
				list-style: lower-alpha;
			}
			
			.content ul ul,
			.content ol ol,
			.content ul ol,
			.content ol ul {
				margin-bottom: 0;
			}
			.content dl {
				margin: 0 0 24px 0;
			}
			.content dt {
				font-weight: bold;
			}
			.content dd {
				margin-bottom: 0px;
			}
			
			
			.content pre,
			.content kbd,
			.content tt,
			.content var {
				font-size: 15px;
				line-height: 21px;
			}
			.content code {
				font-size: 13px;
			}
			
			.content p { 	margin: 0 0 8px 0; 
							line-height: 140%; }
	
			
			.content a { 	text-decoration: underline; 
							color:rgba(133,133,133,1.00); }
			
			.content ul li { padding-bottom: 8px; line-height: 140%; }	
			
			.content img {
							max-width:100%;
							padding:6px;
		}	
	
	.article a, aside a{color:rgba(133,133,133,1.00); text-decoration:none;}
	.article a:hover, aside a:hover{text-decoration:underline;}
	
	
	
	
/* ==========================================================================
    SIDEBARELEMENTE
   ========================================================================== */
   
   
	aside {
			margin:0px; 
			float:right; 
			padding-bottom:10px; 
			font-size: 14px;
		}
	   	
			
	.sidebar-container {
		padding: 15px;
		display: block;
		line-height: 1.4;
		height:auto;
	 	max-width:100%;
		text-align:left;
		margin-bottom:20px;
	   		}	
			
		.sidebar-container h3{
							font: "Verdana, Geneva, sans-serif"; 
							font-size:16px;
							padding:10px 0px 2px 0px; 
							font-weight:bold; 
							text-transform: uppercase;
							margin:0em;
							text-align:left;
							display:inline;
							color: rgba(55,55,55,1.00);
		}
		
		.sidebar-container img {
							max-width:90%;
   
		}
	   
	   .sidebar-container a{
			text-decoration:none;
			color:rgba(55,55,55,1.00);
   
		}
		
		.sidebar-container p{
			color:rgba(55,55,55,1.00);
			font-size:14px;
			line-height:1.5;
   
		}


	.modellslider {
		padding-bottom:10%;
		}
	
	
/* =================================================
   Inhaltsrahmen
   ========================================================================== */
	
   .contentframe {
	   background: #fff;
		border: 1px solid #efefef;
		box-sizing: border-box;
		-moz-box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		-webkit-box-shadow:  1px 1px 3px 1px rgba(111,111,111,0.3);
		box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
	   }
	
	
/* =================================================
   JuiceBooster
   ========================================================================== */
	
.contentjuice {
	    background: #fff;
        border: 1px solid #ffffff;
		box-sizing: border-box;
		-moz-box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		-webkit-box-shadow:  1px 1px 3px 1px rgba(111,111,111,0.3);
		box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
	   }
	

.bild-container{
		display:block;
		max-width:1100px;
		max-width:100%;
       }

.bild-container img{
		max-width:100% !important;
       }




/* ==========================================================================
    STYLES DER PERSONALSEITE
   ========================================================================== */
   
   .personal-container {
	   }
	   
   .personal-box {
		background: #fff;
		border: 1px solid #efefef;
		box-sizing: border-box;
		-moz-box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		-webkit-box-shadow:  1px 1px 3px 1px rgba(111,111,111,0.3);
		box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		}
   
   .personal-bildung {
			padding-top:15px;
			font-size: 12px;
			font-weight:normal;
			color:#414042;
			font-style:italic;
		}	
		
   .personal-name {
			padding-top:5px;
			padding-bottom:4px; 
			font-size: 17px;
			font-weight:700;
			color:rgba(40,50,59,1.00);
		}
		
		
   .personal-beruf {
			padding-top:0px;
			padding-bottom:15px; 
			font-size: 12px;
			font-weight:normal;
			color:#414042;
			font-style:italic;
		}	
		
	.personal-telefon {
			padding-top:0px;
			font-size: 14px;
			font-weight:normal;
			color:#414042;
		}	
	
	.personalfax {
			padding-top:0px;
			font-size: 14px;
			font-weight:normal;
			color:#414042;
		}
	
	.personalmobfu {
			padding-top:0px;
			font-size: 14px;
			font-weight:normal;
			color:#414042;
		}			
   						
   			
   	.personalemail {
			padding-top:6px;
			padding-bottom:15px; 
			font-size: 14px;
			color:#414042;
		}
		
	.personalemail a{
			font-size: 14px;
			color:#414042;
		}
		
	.personalbild{
		text-align:center;
		float:center !important;
		margin:0px;
		border-radius: 10px;
		padding: 10px;
		}	   
   
	.personalbild img{
		margin:0px;
		width: 100%;
		height:auto;
		text-align:center;
		float:center !important;
		}	  
	
		
	.personal-text{
		padding: 10px 15px;
		}		

  


/* ==========================================================================
   KONTAKTFORMULARE Contact Form 7
   ========================================================================== */   
   
	.wpcf7
	{
		
	
	}
	
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea
	{
		
		color: #000;
		width: 70%;
	}   
	
	.wpcf7 select {
	  width:69%;
	  border: 1px solid #bbb;
	  padding:0.45em 0.6em 0.4em 0.6em;
	  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
	  background-color:white;
	  font-size:16px;
	  font-family: Calibri, "Helvetica Neue", sans-serif;
	}
	
	#very-special-field
	{
	   
		border: 1px solid rgba(0,116,189,1.00);
	}

#very-special-field-kia
	{
	   
		border: 1px solid #96172e;
	}

	.red {
		color:#96172e;
		}   
	
	
	#very-special-field-zero
	{
	   
		border: 1px solid #000000;
	}		  	
	
	
/* ==========================================================================
    SUCHFELD
   ========================================================================== */
   
   
   .search-form {
	position: relative;
	}
	
	input[type="search"].search-field {
		border-radius: 2px 0 0 2px;
		width: -webkit-calc(100% - 42px);
		width: calc(100% - 42px);
	}
	
	.search-submit:before {
		content: "\f400";
		font-size: 24px;
		left: 2px;
		line-height: 42px;
		position: relative;
		width: 40px;
	}
	
	.search-submit {
		border-radius: 0 2px 2px 0;
		bottom: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 42px;
	}
   
   
   
 
/* ==========================================================================
   BUTTONS
   ========================================================================== */
   
   
		input {
			line-height: normal;
		}   
		
		.button-anfrage,
		button,
		button[disabled]:hover,
		button[disabled]:focus,
		input[type="button"],
		input[type="button"][disabled]:hover,
		input[type="button"][disabled]:focus,
		input[type="reset"],
		input[type="reset"][disabled]:hover,
		input[type="reset"][disabled]:focus,
		input[type="submit"],
		input[type="submit"][disabled]:hover,
		input[type="submit"][disabled]:focus {
			background:rgba(52,52,52,1.00);
			border: 0;
			border-radius: 2px;
			color: #fff;
			font-family: Montserrat, "Helvetica Neue", sans-serif;
			font-weight: 700;
			letter-spacing: 0.046875em;
			line-height: 1;
			padding: 0.84375em 0.875em 0.78125em;
			text-transform: uppercase;
		}
		
	
		.button-anfrage:hover,
		.button-anfrage:focus,
		button:hover,
		button:focus,
		input[type="button"]:hover,
		input[type="button"]:focus,
		input[type="reset"]:hover,
		input[type="reset"]:focus,
		input[type="submit"]:hover,
		input[type="submit"]:focus {
			background:rgba(0,116,189,1.00);
		}
		
		button:focus,
		input[type="button"]:focus,
		input[type="reset"]:focus,
		input[type="submit"]:focus {
			outline: thin dotted;
			outline-offset: -4px;
		}
		
		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="password"],
		input[type="search"],
		input[type="tel"],
		input[type="number"],
		textarea {
			background: #f7f7f7;
			background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
			border: 1px solid #d1d1d1;
			border-radius: 2px;
			font-size: 13px;
			color: #686868;
			padding: 0.625em 0.4375em;
			width: 90%;
		}
		
		input[type="text"]:focus,
		input[type="email"]:focus,
		input[type="url"]:focus,
		input[type="password"]:focus,
		input[type="search"]:focus,
		input[type="tel"]:focus,
		input[type="number"]:focus,
		textarea:focus {
			background-color: #fff;
			border-color: #007acc;
			color: #1a1a1a;
			outline: 0;
		}
		
		
		.post-password-form {
			margin-bottom: 1.75em;
		}
		
		.post-password-form label {
			color: #686868;
			display: block;
			font-family: Montserrat, "Helvetica Neue", sans-serif;
			font-size: 13px;
			letter-spacing: 0.076923077em;
			line-height: 1.6153846154;
			margin-bottom: 1.75em;
			text-transform: uppercase;
		}
		
		.post-password-form input[type="password"] {
			margin-top: 0.4375em;
		}
		
		.post-password-form > :last-child {
			margin-bottom: 0;
		}


/* ==========================================================================
   Fahrzeugdarstellungen
   ========================================================================== */
   
   
   .fahrzeugsuche{
	   color:rgba(255,255,255,1.00);
	   }
	
	 .fahrzeugsuche h2{
		 	
					color:rgba(255,255,255,1.00);
					font-size: 18px;
					font-weight:500;
					padding: 22px 0px 10px 0px;
					text-align:center;
					text-transform:none !important;
					
	   }
	      
	
   #kfz-suche {
	   font-size:12px;
	   color:rgba(255,255,255,1.00);
	   }
	   
   #kfz-suche-button {
	   vertical-align:bottom !important;
	   padding-top:25px;
	   text-align:center;
	   }
	   
	   #kfz-suche-button button{
	   		background:rgba(182,186,189,1.00);
			border: 0;
			border-radius: 2px;
			color: #fff;
			font-family: Montserrat, "Helvetica Neue", sans-serif;
			font-weight: 700;
			letter-spacing: 0.046875em;
			line-height: 1;
			padding: 0.84375em 0.875em 0.78125em;
			text-transform: uppercase;}
		
		#kfz-suche-button button:hover{
	   		background:rgba(254,160,12,1.00);
		}
		
		
		
	#kfz-suche-element h4{
		font-size:14px;
		font-weight:400;
		color:rgba(255,255,255,1.00);
		}
			
   #fahrzeugbild {
	   				margin:0em;
					padding:0px;
					}
					
   #fahrzeugbild ul {
	   				 list-style:none;
					 margin:0em;
	   }
	

	   
	
	#fahrzeugdetails hr {
					border: solid rgba(78,78,78,1.00); border-width: 1px 0 0; clear: both; height: 0; 
					
	   }
	   
	#fahrzeugdetails a {
					text-decoration: none;
					color:rgba(78,78,78,1.00);
	}
	
	
	.details, .environment, .description, .tip {
    margin: 20px;
	}
	
	.headline {
    font-size: 20px !important;
    text-transform: uppercase;
	color:rgba(78,78,78,1.00);
	}
	
	.small {
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
	.effizenz img{
		max-width:100% !important;
		height:auto;
		vertical-align:bottom;
		}
		
	.description li{
		margin-left:20px;
		list-style: square;
		}
			
	.details {
		margin-top: 20px;
		margin-bottom: 20px;
		}
		
	.details-list a {
		text-decoration: none;
		}	
		
	.details-list h3 {
					margin:0em;
					padding: 6px 0px 10px 0px;
					text-align:left;
					text-transform: uppercase;
					color:rgba(78,78,78,1.00);
					font-size: 20px;
					font-weight:bold;		
		}	
	
	
	
	.headline {
		font-size: 17px !important;
		text-transform: uppercase;
		color:rgba(52,52,52,1.00);
		}
	
	#beschreibung {
    width: 100%;
    list-style-type: square;
}

#beschreibung br {
    display: none;
}

	.list clearfix {
		margin: 0;
		}
	
	
	.list dt {
		float: left;
		clear: left;
		width: 50%;
		margin: 0 !important;
		}		  
   
   .emission {
	width: 30px;
    height: auto;
    vertical-align: middle;
	   }
	   
/* ================================================
   Fahrzeuge
   ============================================= */
   	
	
.archiveImage {
    max-width: 100% !important;
    height: auto;	  } 
     

.list-headline a{  
    color: rgba(52,52,52,1.00);
	font-size: 18px;
	font-weight:700;
	text-transform:uppercase;
    text-decoration: none;
}

.list-headline a:hover{  
    color: #749BC7;
    text-decoration:underline;
}

.details-vehicles-list h3{  
    color: rgba(52,52,52,1.00);
	font-size: 20px;
	font-weight:400;
}

.fahrzeugcontainer h5{
   font-size: 16px; 
    text-transform: uppercase;
}

#preisbox {
    text-align: right;
}


#preisbox h3{
    padding-bottom: 0px;
    margin-bottom: 3px;
    text-align: right;
}


.highlight{
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}


.fahrzeugliste-detail {
		}


   .detailbutton {
	   float:right !important;
	   vertical-align:bottom !important;
	   }
	
	
	
   #fahrzeugdetails {
					font-size: 14px;
					font-weight:normal;
					
	   } 
	
   #fahrzeugdetails h2 {
	   				margin:0em;
					padding: 12px 0px 5px 0px;
					text-align:left;
					text-transform: uppercase;
					color:rgba(78,78,78,1.00);
					font-size: 20px;
					font-weight:normal;
					
	   }

.grau {
    background-color: #f5f5f5;
}

.infos {
		font-size: 13px;
		font-weight:normal;
		} 
	
	
	.infos a{
		text-decoration:none;
        color: white;
		}	
	
	.price {
		font-size:22px;
		}
	
	.vat {
		 font-size:12px;
	     color:#989898;
		 text-align:right !important;
		 }
	
	.inforechts {
		font-size:14px;
		}
	
	
		
	.fahrzeugliste-effizenz img {
		max-width:100% !important;
		height:auto;
		vertical-align:bottom;
		}
		
	.bildliste {
		padding-top: 10px;
		}	
	
	.bildliste img{
		min-height: 100% !important;
		}	
	
	.trenner-fahrzeug{
	   height:2px; 
	   background:rgba(78,78,78,1.00);
	   }
	
	/* Direktanfrage */
   
   
	#direktanfrage {
		width: 500px; 
		height:100%;
		}
		
	.anfragebutton {
		text-decoration:none;
		
		}	
		
	.dropdown-sort {
		}
		
	
	.facetwp-sort-select {
		display: block;
		float: right;
		font-size:14px;
		min-height: 30px;
		padding: 5px;
		margin-bottom: 5px;
		margin-top: 10px;
		border: 1px solid #ccc;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px; 
	}
	
	
	select {
	  width:90%;
	  border: 1px solid #bbb;
	  padding:.75em 1em .5em 1em;
	  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
	  background-color:white;
	  background-image:url(select-arrow.png);
	  background-position: right;
	  background-repeat: no-repeat;
	}

	select:hover {
	  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
	
	
	.facetwp-dropdown {
		border-color: #e1e1e1;
		display: block;
		moz-box-sizing: border-box;
   	 	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
		color: #666;
		}
	  
   
 
/* ==========================================================================
   Fahrzeugslider
   ========================================================================== */

	   
   #kfz-slider {
		}   
	 
	.kfz-slider-innen {
		padding-right: 20px;
		} 
		
	.slider-bild {
		max-width: 100% !important;
		}
		
	.ls-preloaded	{
		max-width: 300px;
		}
			



/* ==========================================================================
   Fahrzeugcarussell
   ========================================================================== */
			
  	.fahrzeug-carussel{
		}
		
	.fahrzeug-carussel h2{
		font-size:20px;
		font-weight:600;
		color:rgba(0,116,189,1.00);
		text-align:center;
		padding-top:40px;
		}	
  
	.fahrzeug-item{
		background:rgba(255,255,255,1.00);
		border: 1px solid #efefef;
		box-sizing: border-box;
		-moz-box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		-webkit-box-shadow:  1px 1px 3px 1px rgba(111,111,111,0.3);
		box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		padding:5px;
		min-height:490px !important;
		}
	
	.fahrzeug-item h5{
		font-size:16px;
		font-weight:600;
		color:rgba(0,116,189,1.00);
		}
	
	.fahrzeug-item hr{
		border: solid rgba(51,51,51,1.00); border-width: 1px 0 0; 
		clear: both; margin: 4px 0 4px; height: 0; 
		}
		
	
	.fahrzeug-item img{
		/*min-height:200px !important; */
		}
		
		
	.news{
		padding-bottom:10%;
		}
		
	.news h2{
		font-size:20px;
		font-weight:600;
		color:rgba(0,116,189,1.00);
		text-align:center;
		padding-top:20px;
		}	
			
#yamaha-modell{
    padding-top: 40px;
    
}

/* ==========================================================================
   STYLE NIKEN TESTCENTER
   ========================================================================== */	
		
		   
.balken-lightblue {
    height:12px; 
    background:rgba(77,193,240,1.00);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
    -webkit-box-shadow:  0px 2px 3px 0px rgba(78,78,78,0.4);
    box-shadow: 0px 2px 3px 0px rgba(78,78,78,0.4);
	   }  
	
.testcenter {
    font-size:200%;
    font-weight:700;
	text-align:left;
    text-transform: uppercase;
    padding-top: 10px;
}

	
.testcenter-bild img{
		max-width:100% !important;
        padding-top: 20px;
		}
		
 /* ==========================================================================
   YAMAHA
   ========================================================================== */

#neuheiten-1{
    vertical-align: bottom;
    text-align: left;
    color: white;
    font-size: 22px;
    padding-bottom: 5px;
    border: 2px;
    background-image:url(https://tr-autos.de/wp-content/uploads/2021/02/yam-neu.png)
}

/* ==========================================================================
   STYLE DER BEITRÄGE
   ========================================================================== */	



.beitrags-bild {
	align-items: center;
    max-width: 100%;
    height: auto;
}

.beitrag {
	padding: 10px;
}

.beitrag h3{
	padding-bottom: 5px;
}

.metabox {
	font-style: italic;
	padding-bottom: 4px;
}




/* ==========================================================================
    SERVICEBOXEN STARTSEITE
   ========================================================================== */
   	
	
   #service-elemente {
	   font-size: 90%;
	   font-weight:normal;
	   }
	   
   #service-elemente img {
	   max-width:100%;
	   }
			   
		
	
	.service-container {
	   	background: #fff;
		border: 1px solid #efefef;
		box-sizing: border-box;
		-moz-box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		-webkit-box-shadow:  1px 1px 3px 1px rgba(111,111,111,0.3);
		box-shadow: 1px 1px 3px 1px rgba(111,111,111,0.3);
		border-radius: 4px;
		background-clip: padding-box;
		padding: 20px;
		display: block;
		line-height: 1.4;
		transition: border .5s ease-in-out;
		-webkit-transition: border .5s ease-in-out;
		-o-transition: border .5s ease-in-out;
		height:auto;
	 	max-width:100%;
		text-align:justify !important;
		-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
		}
	
	.serviceinhalt {
		min-height:400px !important;
		}
	
		
	.service-container img {
	   max-width:100%;
	   }
	   
	.service-container a {
		text-decoration:none;
		font-weight:700;
	   }
	   
	.service-container h3 {
		font-size: 18px;
		font-weight:bold;
		margin:0em;
		padding: 9px 0px 8px 0px;
		text-align:center;
		text-transform: uppercase;
		color:rgba(0,116,189,1.00);
	   }   
		   
		
	.service-container:hover {
		-moz-box-shadow: 1px 2px 2px 2px rgba(233,233,233,1);
		-webkit-box-shadow:  1px 2px 2px 2px rgba(233,233,233,1);
		box-shadow: 1px 2px 2px 2px rgba(233,233,233,1);
				}


	
		.servicebutton {
			background:rgba(0,116,189,1.00);
			border: 0;
			border-radius: 2px;
			color: #fff;
			font-family: Montserrat, "Helvetica Neue", sans-serif;
			font-weight: 700;
			letter-spacing: 0.046875em;
			line-height: 1;
			padding: 0.84375em 0.875em 0.78125em;
			text-transform: uppercase;
			margin-top: 10px;
			text-align:center;
			
			
		}
		
		.servicebutton a{
			color: #fff;
		}
		
		.servicebutton:hover{
			background:rgba(162,211,243,1.00);
		}

		img.displayed {
						display: block;
						margin-left: auto;
						margin-right: auto }


		.blue {
			color:rgba(0,116,189,1.00);
			}
		
  
		.black {
			color:rgba(0,0,0,1.00);
			}
				
/* =================================================
   Google MAPS
   ========================================================================== */
   
   .google-maps{position:relative;padding-bottom:50%;height:0;overflow:hidden}
   .google-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
   
   
   
 
 
		
/* =================================================
   ADRESSELEMENTE
   ================================================= */
     
	.adresse {
		color:rgba(255,255,255,1.00);
		background-clip: padding-box;
		padding: 10px 10px 5px 30px;
		display: block;
		line-height: 1.4;
		transition: border .5s ease-in-out;
		-webkit-transition: border .5s ease-in-out;
		-o-transition: border .5s ease-in-out;
		height:auto;
	 	max-width:100%;
		text-align:justify !important;
		-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
		}
		
	.adresse img {
	   max-width:100%;
	   }
	 
	 .adresse a {
		text-decoration:none;
		color:rgba(197,197,197,1.00);
	   }
	   
	.adresse a:hover {
		color:rgba(134,134,134,1.00);
	   }   
	
	.adresse h3 {
		font-size: 16px;
		font-weight:bold;
		margin:0em;
		padding: 0px 0px 3px 0px;
		text-align:left;
		color:rgba(255,255,255,1.00);
	   }   
	
	
   .oeffnung-top h2 {
		font-size: 1.10em;
		font-weight:bold;
		margin:0em;
		padding: 15px 0px 3px 0px;
		text-align:left;
		text-transform: uppercase;
		color:rgba(255,255,255,1.00);
	   } 
	
   #oeffnung-elemente {
	   font-weight:normal;
	   font-size: 90%;
	   }
	   
   #oeffnung-elemente img {
	   max-width:100%;
	   }
			       
	
	   		  		  
	.oeffnung {
		color:rgba(255,255,255,1.00);
		background-clip: padding-box;
		display: block;
		line-height: 1.4;
		transition: border .5s ease-in-out;
		-webkit-transition: border .5s ease-in-out;
		-o-transition: border .5s ease-in-out;
		height:auto;
	 	max-width:100%;
		text-align:justify !important;
		-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
		font-size: 14px;
		}
		
	.oeffnung img {
	   max-width:100%;
	   }
	 
	 .oeffnung a {
		text-decoration:none;
		color:rgba(197,197,197,1.00);
	   }
	   
	.oeffnung a:hover {
		color:rgba(176,176,176,1.00);
	   }   
	
	.oeffnung h3 {
		font-size: 1.10em;
		font-weight:bold;
		margin:0em;
		padding: 0px 0px 3px 0px;
		text-align:left;
		text-transform: uppercase;
		color:rgba(255,255,255,1.00);
	   }   
	
	 

	.oeffnung hr{
	   		border: solid rgba(255,255,255,1.00); border-width: 1px 0 0; clear: both; margin: 2px 0 2px; height: 0; 

			}	 	
			
  
/* ==========================================================================
    YAMAHA BEREICH
   ========================================================================== */
   
	
	.yamahabox {
    height: auto;
    min-height: 30px;    
}


	.yamahabox a{
	display: block;
	text-decoration: none;	
    color: rgba(238,46,36,1.00);    
	}

	.yamahabox a:hover{
	color: rgba(55,52,50,1.00);
    text-decoration: none;
	}

    .yamahabox h4{
        font-style: normal;
        font-weight: 300;		
        color: black;
        font-size: 22px;
        text-align: center;
    }

    .yamahabox h4:hover{
	color: rgba(238,46,36,1.00); 
    }

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .bmwbox h4{
        font-size: 16px;
    }
}

	
.neuwagen-button {
  background-color: rgba(238,46,36,1.00);
  border-radius: 6px;    
  border: none;
  color: white;
  padding: 11px 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 14px;
  margin: 5px; 
  width: 95%;
}

.neuwagen-button:hover{
  background-color: rgba(55,52,50,1.00);
}
   



	
	
	
			  
/* ==========================================================================
    FOOTER
   ========================================================================== */
   
	
   #footer {
	   
	   }
	     
	    .footer-element {
	   				font-size: 16px;
					font-weight:normal;
			}	
			
	 .footer-element img {
		max-width:100%;
		}   
						
  
  
	
  	 .footer-element h5{
	   				font-size: 15px;
					font-weight:normal;
					margin:0em;
					padding: 9px 0px 4px 0px;
					text-align:left;
					text-transform: uppercase;
			}	
			
	 .footer-element hr{
	   				 border: solid #fff; border-width: 1px 0 0; clear: both; margin: 3px 0 10px; height: 0; 

			}			
			
	 .footer-element ul {
				list-style: square;
				margin: 0 0 12px 1.5em;
			}		
		
	 .pkwenvkvtext{
		color:rgba(255,255,255,1.00);	
		font-size: 12px;
		text-align:justify !important;
		}
	
	 .verbrauch h5 {
		  text-transform: uppercase;
		  font-size: 15px;
		  padding-bottom:0px;
		  padding-top:10px;
		  margin:0em;
		}
	
	 .verbrauch a{
		  color:rgba(255,255,255,1.00);
		  text-decoration:underline;
		}
		
	
	 .verbrauch a:hover{
		  color:rgba(176,176,176,1.00);
		}	
	
	.verbrauch hr{ border: 0; border-top: 1px solid rgba(176,176,176,1.00);
	display: block; margin: 5px 0; padding: 0; }
	
	
	 .hinweis h5 {
		  text-transform: uppercase;
		  font-size: 15px;
		  padding-bottom:0px;
		  padding-top:10px;
		  margin:0em;
		}
	
	 .hinweis  a {
		  color:rgba(255,255,255,1.00);
		  text-decoration: underline;
		}
	
	 .hinweis a:hover {
		  color:rgba(176,176,176,1.00);
		}	
	
	.hinweis hr { border: 0; border-top: 1px solid rgba(176,176,176,1.00);
	display: block; margin: 5px 0; padding: 0; }
	
	   
	.impressum{
		color:rgba(255,255,255,1.00);
		font-size:0.80em;
   	}   
	
	.impressum a {
	  text-decoration: none;
	  color:rgba(255,255,255,1.00);
	}
	
	.impressum a:hover {
	  color:rgba(176,176,176,1.00);
	}	
	
	
	.copyright a {
		color:rgba(255,255,255,1.00);
		}
		
		
	.impressumlinks {
	   margin-bottom:0px;
	   text-align:right;
	   float:right !important;
	   }
	   
	.impressumlinks a {
	   text-transform: uppercase;
	   
	   }
	   	

/* ==========================================================================
    EFFEKTE
   ========================================================================== */
   
   .grow img {
	  height: 300px;
	  width: 300px;
	 
	  -webkit-transition: all 1s ease;
		 -moz-transition: all 1s ease;
		   -o-transition: all 1s ease;
		  -ms-transition: all 1s ease;
			  transition: all 1s ease;
	}
	 
	.grow img:hover {
	  width: 400px;
	  height: 400px;
	}
	
	/*SHRINK*/
	.shrink img {
	  height: 400px;
	  width: 400px;
	 
	  -webkit-transition: all 1s ease;
		 -moz-transition: all 1s ease;
		   -o-transition: all 1s ease;
		  -ms-transition: all 1s ease;
			  transition: all 1s ease;
	}
	 
	.shrink img:hover {
	  width: 300px;
	  height: 300px;
	}
	
	/*SIDEPAN*/
	.sidepan img {
	  margin-left: 0px;
	  -webkit-transition: margin 1s ease;
		 -moz-transition: margin 1s ease;
		   -o-transition: margin 1s ease;
		  -ms-transition: margin 1s ease;
			  transition: margin 1s ease;
	}
	 
	.sidepan img:hover {
	  margin-left: -200px;
	}
	   
   /*VERTPAN*/
	.vertpan img {
	  margin-top: 0px;
	  -webkit-transition: margin 1s ease;
		 -moz-transition: margin 1s ease;
		   -o-transition: margin 1s ease;
		  -ms-transition: margin 1s ease;
			  transition: margin 1s ease;
	}
	 
	.vertpan img:hover {
	  margin-top: -200px;
	}
	
	/*TILT*/
		.tilt {
		  -webkit-transition: all 0.5s ease;
			 -moz-transition: all 0.5s ease;
			   -o-transition: all 0.5s ease;
			  -ms-transition: all 0.5s ease;
				  transition: all 0.5s ease;
		}
		 
		.tilt:hover {
		  -webkit-transform: rotate(-10deg);
			 -moz-transform: rotate(-10deg);
			   -o-transform: rotate(-10deg);
			  -ms-transform: rotate(-10deg);
				  transform: rotate(-10deg);
		}
   
			
			
		/*MORPH*/
		.morph {
		  -webkit-transition: all 0.5s ease;
			 -moz-transition: all 0.5s ease;
			   -o-transition: all 0.5s ease;
			  -ms-transition: all 0.5s ease;
				  transition: all 0.5s ease;
		}
		 
		.morph:hover {
		  border-radius: 50%;
		  -webkit-transform: rotate(360deg);
			 -moz-transform: rotate(360deg);
			   -o-transform: rotate(360deg);
			  -ms-transform: rotate(360deg);
				  transform: rotate(360deg);
		}
	
	
	
		/*FOCUS*/
		.focus {
		  -webkit-transition: all 1s ease;
			 -moz-transition: all 1s ease;
			   -o-transition: all 1s ease;
			  -ms-transition: all 1s ease;
				  transition: all 1s ease;
		}
		 
		.focus:hover {
		  border: 70px solid #000;
		  border-radius: 50%;
		}
		
		
		
		.bw {
		  -webkit-transition: all 1s ease;
			 -moz-transition: all 1s ease;
			   -o-transition: all 1s ease;
			  -ms-transition: all 1s ease;
				  transition: all 1s ease;
		}
		 
		.bw:hover {
		  -webkit-filter: grayscale(100%);
		}
		
  	
	 
/* ==========================================================================
    STYLES DER WP Ticker
   ========================================================================== */
   
   	.ticker_content{
		width:100%;
		padding:5px;
		overflow:hidden;
		}
	
	.tic_owntext_item{}
	
	.loader{
		margin:40px 0 0 40px;
		
		}
   
  
/* ==========================================================================
    Kalender
   ========================================================================== */
      
	.widget.widget_calendar table {
		margin: 0;
	}
	
	.widget_calendar td,
	.widget_calendar th {
		line-height: 2.5625;
		padding: 0;
		text-align: center;
	}
	
	.widget_calendar caption {
		font-weight: 900;
		margin-bottom: 1.75em;
	}
	
	.widget_calendar tbody a {
		background-color: #007acc;
		color: #fff;
		display: block;
		font-weight: 700;
	}
	
	.widget_calendar tbody a:hover,
	.widget_calendar tbody a:focus {
		background-color: #686868;
		color: #fff;
	}
	

/* ==========================================================================
   Lightbox Sytles
   ========================================================================== */

		 
		   
		.lightboxcontainer {
		  width:100%;
		  text-align:left;
		}
		.lightboxleft {
		  width: 40%;
		  float:left;
		}
		.lightboxright {
		  width: 60%;
		  float:left;
		}
		.lightboxright iframe {
		  min-height: 390px;
		}
		.divtext {
		  margin: 20px;
		}
		
	
	
/* ==========================================================================
    SUCHFELD
   ========================================================================== */
   
   
   .search-form {
	position: relative;
	}
	
	input[type="search"].search-field {
		border-radius: 2px 0 0 2px;
		width: -webkit-calc(100% - 42px);
		width: calc(100% - 42px);
	}
	
	.search-submit:before {
		content: "\f400";
		font-size: 24px;
		left: 2px;
		line-height: 42px;
		position: relative;
		width: 40px;
	}
	
	.search-submit {
		border-radius: 0 2px 2px 0;
		bottom: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 42px;
	}
   
   
	  
/* ==========================================================================
   SIDEBARELEMENTE AUSSEN
   ========================================================================== */
   
   
	#sidebarright, #sidebarleft{
		position: fixed;
		top: 160px;
		width: 100px;
		z-index: 100;
	}
	
	#sidebarright {
		right: -50px;
	}
	
	#sidebarleft {
		left: -50px;
	}
	
	.sidebarrightbutton, .sidebarleftbutton {
	  width: 100px;
	  height: 50px;
	  float: left;
	  margin: 0px 0px 10px 0px;
	  border-radius: 6px;
	  box-shadow:
			0px 0px 1px 0px rgba(0,0,0,.5) inset,
		   /* 0px 3px 6px 0px rgba(255,255,255,1) inset,*/
			0px 3px 2px -1px rgba(0,0,0,.5),
			0px 12px 20px -10px rgba(0,0,0,1);
			
	}
	
	.sidebarleftbutton:hover {
	transform: translate(46px,0px);
	-moz-transform: translate(46px,0px);  /* Firefox */
	-ms-transform: translate(46px,0px); /* Internet Explorer */
	-webkit-transform: translate(46px,0px); /* Safari and Chrome */
	-o-transform: translate(46px,0px); /* Opera */
	}
	
	/* Sitebar Buttons Left
	   ========================================================================== */
	
	.sbhome { background: url(img/sb_home.png) no-repeat 10px 0 #ffffff; }
	
	.sbmazda { background: url(img/sb_mazda-neu.png) no-repeat 10px 0 #ffffff; }
	
	.sbyamaha { background: url(img/sb_yamaha.png) no-repeat 10px 0 #ffffff; }
	
	.sbzero { background: url(img/sb_zero-neu.png) no-repeat 10px 0 #ffffff; }
	
	.sbfahrzeuge { background: url(img/sb_fahrzeuge.png) no-repeat 10px 0 #ffffff; }
	
	.sbservice { background: url(img/sb_service.png) no-repeat 10px 0 #ffffff; }
	
	.sbteam { background: url(img/sb_team.png) no-repeat 10px 0 #ffffff; }
	
	.sbfacebook { background: url(img/sb_facebook.png) no-repeat 10px 0 #3c5a98; }
	
	.sbyoutube { background: url(img/sb_youtube.png) no-repeat 10px 0 #e5e5e5; }
	

 
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

	.browsehappy {
		margin: 0.2em 0;
		background: #d9d8d7;
		color: #000;
		padding: 0.2em 0;
	}
   

/* =============================================================================
   Non-semantic helper classes
   ========================================================================== */
  
   
	.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; 
	text-align: left; direction: ltr; }
	.ir br { display: none; }
	
	.hidden { display: none; visibility: hidden; }
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: 
	hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: 
	auto; margin: 0; overflow: visible; position: static; width: auto; }
	.invisible { visibility: hidden; }
	
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; clear: both; }

	
	
	
	
/* ==========================================================================
   Seitenzahlen
   ========================================================================== */

	.facetwp-pager {
		
		}

	.facetwp-pager a {
		background:rgba(244,244,244,0.90);
		border-radius: 2px;
		text-decoration:none;
		padding: 0 7px;
		}
		
	
	.facetwp-pager a:active,
	.facetwp-pager a:hover {
		background:rgba(78,78,78,1.00);
		color:rgba(254,254,254,1.00);
	}	
	
	
	

/* ==========================================================================
   Nach oben
   ========================================================================== */
   
   .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
	}


   .generate-back-to-top:focus, .generate-back-to-top:hover {
    background: rgba(0,0,0,.6);
    color: #FFF;
	}
	
	.generate-back-to-top, .generate-back-to-top:visited {
    font-size: 20px;
    background: rgba(0,0,0,.4);
    color: #FFF;
    border-radius: 3px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    line-height: 40px;
    width: 40px;
    text-align: center;
	}
   
	   
/* ==========================================================================
   Anpassungen neusued
   ========================================================================== */ 

	.facetwp-facet {
    	margin-bottom: 10px !important;
	}
	.facetwp-facet {
		margin-top: 10px;
	}
	.facetwp-dropdown {
		width: 100% !important;
		padding: 5px !important;
	}

	.noUi-connect {
    background: rgba(254,160,12,1.00) !important;
	}
	
		
	
	.slick-dots {     bottom: -22px !important; }

/* ==========================================================================
   STYLES MOBILE ENDGERÄTE
   ========================================================================== */
	
	
	
	
  
	@media only screen and (max-width:767px){
		
	a.toggleMenu{padding:10px;margin:10px 10px 0;text-decoration:none;-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-color:#999}
	
	nav{margin:0 7px 10px}
	
	nav ul li{list-style:none;border-top:dashed 1px #666}
	
	nav>ul>li{background-color:#999}
	
	nav ul li a{padding:10px;display:block}
	
	nav ul li ul{max-height:0;overflow:hidden;padding:0 20px;-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
	
	nav>ul{max-height:0;overflow:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	-o-transition:all .5s ease;transition:all .5s ease}
	
	nav ul li ul li a{background:url(img/bullet-sub.gif) no-repeat 6px 8px;padding:5px 5px 5px 18px}
	
	nav ul li.active>ul,nav>ul.active{max-height:1000px}
	
	span.touch-btn{float:right;transition:all .2s ease;-webkit-transition:all .2s ease;width:20px;height:20px;
	margin:-2px 0 0 0;padding:2px;-webkit-border-radius:30px;border-radius:30px;text-align:center;
	font-family:arial,sans-serif;font-size:14px;display:block;overflow:hidden;text-indent:-9999px;
	background:url(img/plus-minus.gif) no-repeat 50% 2px #666}
	
	a.toggleMenu span.touch-btn,nav ul li.active>a.parent span.touch-btn{-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);transform:rotate(180deg);background-position:50% -18px}
	
	a.toggleMenu.active span.touch-btn{background-position:50% 2px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
	
	}
	
	@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){
		
		nav ul li ul{display:none}
		
		nav ul li:hover>ul{display:block}

	}

	@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){
		
		nav ul li ul{display:none}
		
		nav ul li:hover>ul{display:block}
		
	}
	
	
	
	
	/*  GO FULL WIDTH BELOW 1024 PIXELS */
	@media only screen and (max-width:1030px) {
		
		#sidebarright, #sidebarleft{
	   display: none;
	   }
		
	}
	
   
	
	/* Responsive Menu */
	
	@media screen and (max-width: 768px) {
		
		.breadcrumb {
                display: none;
       }
	   
	   .facetwp-pager {
                margin-bottom: 30px !important;
       }
	   
	}

	
	
		/*  GO FULL WIDTH BELOW 800 PIXELS */
		@media (max-width: 800px) {
		  .lightboxleft {
			width: 100%;
		  }
		  .lightboxright {
			width: 100%;
		  }
		  .divtext {
			margin: 12px;
		  }
		  
	.hide-on-mobile {
    display: none !important;
	}
		}  
  
      
   
  
	/*  GO FULL WIDTH BELOW 600 PIXELS */
	@media only screen and (max-width: 700px) {
		
	
		body {
		font-size:90%;
	}
	
	
	
	
	#fahrzeugdetails h2 {
		font-size: 18px !important;
		}

		
		.col {  margin: 1% 0 1% 0%; }
		.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, twelve { width: 100%; }
		
	
	.impressumlinks {
	   text-align:center !important;
	   }		
	   
	   	
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea
	{
		
		width: 95%;
	}   
	
	.wpcf7 select {
	  width:94%;
	}
			
	}