/* 
Theme Name:		 GeneratePress Child
Theme URI:		 http://childtheme-generator.com/
Description:	 GeneratePress Child is a child theme of GeneratePress, created by ChildTheme-Generator.com
Author:			 Alex Schneidewind
Author URI:		 http://childtheme-generator.com/
Template:		 generatepress
Version:		 1.0.0
Text Domain:	 generatepress-child
*/


/*
    Add your custom styles here
*/

ul{list-style:none}

   
   

/* ==========================================================================
   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 #821C0F;
	}

	.red {
		color:#821C0F;
		}   
	
.cf7-two-columns {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.cf7-two-columns .column {
  flex: 1;
  min-width: 200px;
}

@media (max-width: 600px) {
  .cf7-two-columns {
    flex-direction: column;
  }
}

	
	/*  GO FULL WIDTH BELOW 600 PIXELS */
	@media only screen and (max-width: 600px) {
		
		
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea
	{
		
		width: 95%;
	}   
	
	.wpcf7 select {
	  width:94%;
	}
			
	}


.featured-image img{
	max-width: 100% !important;
	height: auto;
	max-height: 100% !important;
}

.embed-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




/* ==========================================================================
   STYLES FAHRZEUG SEITE
   ========================================================================== */
 
#content-container{margin: 15px !important; padding: 15px !important;}

#sortierung-oben {
    text-align: right;
}

.archive-listing{
    
}

.archive-listing hr{
        border: solid rgba(130,28,15,0.80);
        border-width: 1px 0 0; 
        clear: both;
}

.details-vehicles-list {
    
}

.details-vehicles-list h3{
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    text-transform:none;
}

.details-vehicles-list a:hover{
    text-decoration: none;
    color:grey;
}

#fahrzeugbild {
	   				margin:0em;
					padding:0px;
					}
					
#fahrzeugbild ul {
	   				 list-style:none;
					 margin:0em;
	   }
	
	
	/* Direktanfrage */
   
   
	#direktanfrage {
		width: 500px; 
		height:100%;
		}
		
	.anfragebutton {
		text-decoration:none;
		
		}	


.anfrage-button {
    display: inline-block;
    border-radius: 2px;
	box-shadow: none;
	border: none;
    color: white;
    padding: 10px 30px;
    width: 95%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    
}

.anfrage-button:hover{
    background-color: grey;
}

		
	.dropdown-sort {
		}
		
.entry-content {
    padding: 0px;
}

.fahrzeugcontainer p{
    padding: 0px 0px 2px 0px;
    margin: 0px;
}

.fahrzeugcontainer table, tbody{
    border: 0px;
}

.fahrzeugcontainer tr, td{
    border: 0px;
}

.fahrzeugliste-detail table, tbody{
    border: 0px;
}

.fahrzeugliste-detail tr, td{
    border: 0px;
}


.fahrzeugcontainer h5{
    font-style: normal;
    font-weight: 400;
    text-transform:none;
    padding-bottom: 0px 0px 5px 0px;
    margin: 0px 0px 8px 0px;
    font-size: 18px;
}

.fahrzeugliste-detail p{
    padding: 0px 0px 2px 0px;
    margin: 0px;
}

.fahrzeugliste-detail img{
    width: 30px !important;
    height: auto;
}

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

.preisinfos {
    float:right !important;
}

.preisinfos p{
    padding: 0px 0px 2px 0px;
    margin: 0px;
}

.preisinfos h3{
    font-style: bold;
    font-weight: 600;
    font-size: 24px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    text-transform:none;
}

#co2-button {
	background-color: black;
}

.detailbutton {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
}

.detailbutton a{
}

.detailbutton a:hover{
    color:grey;
}

	.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:300px;
      max-width: 100%;    
	  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;
         -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;
	}

	select:hover {
	  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
 
/* IE */
select::-ms-expand {
    display: none;
}
	
	
	.facetwp-dropdown {
		border-color: #e1e1e1;
		display: block;
		moz-box-sizing: border-box;
        box-sizing: border-box;
   	 	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
		color: #666;
		}
	
#sortierung-ob {
    position: relative;
    margin-bottom: 60px;
}

#sortierung-oben {
    position: absolute;
    right: 0px;
}

.kfz-suche h2{
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    text-align: center;
}


.kfz-suche-element{
    
}

.kfz-suche-element h4{
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}


.kfz-suche-button {
    border-radius: 2px;
	box-shadow: none;
	border: none;
    color: white;
    padding: 10px 20px;
    min-width: 90%;
    height: auto;
    margin-top: 30px;
    text-align: center;
}

.kfz-suche-button:hover{
    background-color: grey;
}

#direktanfrage-kfz {
    
    font-style: normal;
    font-weight: 300;
}

#fahrzeugdetails {
 margin: 15px;
 padding: 0px;    
}

.fahrzeugdetails-single h2{
    
    font-style: normal;
    font-weight: 400;
    margin-top: 24px;
}

#link-back a{
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

#link-back a:hover{
    color:grey;
}

.fahrzeugslider-single {
    margin-bottom: 10px;
}

.slider-main {
    max-width: 100%;
    max-height: 100%;
    overflow:hidden;
}

@media (min-width: 601px) and 
  (max-width: 700px) {
.slider-main {
    height: auto;
}} 

@media (min-width: 381px) and 
  (max-width: 600px) {
.slider-main {
    max-height:auto;
}} 

@media (max-width: 380px) {
.slider-main {
    max-height: 100%;
} }


.fahrzeuginfo-oben-single {
    font-style: normal;
    font-weight: 400;
}

.fahrzeuginfo-price {
    margin-bottom: 10px;
	margin-top: 20px;
}

.fahrzeuginfo-oben-single h3{
    font-style: bold;
    font-weight: 600;
    font-size: 32px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.table .responsive-table {
    max-width: 90%;
    border: 1px solid #bbb;
}

.responsive-table tr, td{
    border: 0px solid #bbb;
}

.fahrzeuginfo-category {
    text-transform: uppercase;
    color: #2d2d2d;
    font-size: 18px;
}

.grau {
    background-color: #f5f5f5;
}

.headline-fahrzeug {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #2d2d2d;
    padding: 0px 0px 15px 0px;
    margin: 10px 0px 10px 0px;
    text-transform: uppercase;
}

.list-fahrzeug {
    font-style: normal;
    font-weight: 300;  
    font-size: 16px;
}


.emissions-text {
    font-style: normal;
    font-weight: 300;
    margin-top: 15px;
    color: #2d2d2d;
}


.umwelt img{
    width: 30px !important;
    height: auto;
}

.fahrzeugausstattung {
    font-style: normal;
    font-weight: 300;
}

.fahrzeugausstattung h4{
    font-style: normal;
    font-weight: 400;
    margin: 5px 0px 5px 0px;
    text-transform: uppercase;
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%; padding: 10px;}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

#fahrzeuge-single-post{margin: 15px;}

#fahrzeuge-single-post{margin: 15px;}

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

/* ==========================================================================
   FOOTER
   ========================================================================== */   





/*
    Back to Top Button
*/

.generate-back-to-top {
 position:fixed;
 bottom:100px;
 right:30px;
 z-index:999;
}

@media(min-width:1032px) {
    .generate-back-to-top {
 position:fixed;
 bottom:20px;
 right:30px;
 z-index:999;
}
}

/* ==========================================================================
   SIDEBARELEMENTE AUSSEN
   ========================================================================== */

.site-info{
   padding-bottom: 100px;
}