/* MAIN NAVIGATION */


/* .navbar > .container {
	display: block;
}

.navbar-mainnavigation > .container > .collapse > .navbar-nav:first-child { margin-left: -0.2rem; }

.navbar-mainnavigation > .container > .collapse > .navbar-nav:last-child {
	margin-left: -1rem;
}

.navbar-mainnavigation .nav-link {
}

*/

.navbar-mainnavigation .navbar-brand-image img { top: 48%; }

.nav-link {
	padding: 0.2rem 1rem 0.2rem 1rem;
}
.navbar-default-transition .navbar-nav .active>.nav-link, .navbar-default-transition.navbar-transition .navbar-nav .active>.nav-link,
.navbar-default-transition .navbar-nav .show>.nav-link, .navbar-default-transition.navbar-transition .navbar-nav .show>.nav-link { 
	color: #fff;
}

.navbar-light .navbar-nav .nav-link, .navbar-default .navbar-nav .nav-link, .navbar-default-transition .navbar-nav .nav-link, .navbar-default-transition.navbar-transition .navbar-nav .nav-link {
color: #fff;
}


body {
	font-family: Avenir;
	font-weight: 400;
}

h2, h3, .fw-600, .fw600 { font-weight: 700; }

p + h3 {
	margin-top: 2rem;
}

select option,
option {
	font-family: Avenir;
}

/* Break-Out Klasse - ein DIV in .container doch auf die ganze Breite */
/* ->  https://medium.com/@simonlidesign/an-elegant-way-to-break-the-bootstrap-container-2912628e4829  */
.break-out,
.frame-layout-break-out {
	width: 100vw;
	position: relative;
	left: calc(-1 * (100vw - 100%) / 2);
	color: rgba(0,0,0,.6);	
}

.rahmen-hellgrau {
	border: 1px solid #eee;
}

.bg-light2 { background-color: #FAFAFA; }

.text-lightblue {
	color: #465692;
}

/* MAIN PAGE SECTION - Abstand oben und unten erhöhen */
.bp-page-content {
	/*padding-top: 2rem;*/
}


.navbar-mainnavigation .navbar-nav .nav-link {
	font-size: 0.85rem;
	line-height: 2;
	   text-transform: uppercase;
}

/* Carousel */ /* */  

.carousel .item {
  aspect-ratio: 2.5 / 1 !important;
  height: auto !important;
  }

h1.carousel-header {
	font-size: calc(14px + 1.8vw)!important;
}
h2.carousel-subheader {
	font-size: calc(11px + 1.8vw)!important;
}
h3.carousel-header,
h2.carousel-header { 
	font-weight: 700; 
	color: #fff!important;
	}
	
.carousel-text p { color: #fff!important; margin-bottom: 0.2rem; }

.carousel-shadow { text-shadow: 0px 0px 5px #000000; }


/* Einrücken Content in Small Carousel, aber nur wenn nicht im Header */
.frame .carousel-text.vcontainer {
	margin-left: 3rem;
}

.frame-layout-51 {
	display: flex;
	align-self: flex-end;
}


.footernav a.nav-link { color: var(--primary); padding: 0.5rem 0.7rem;}
.footernav a.nav-link:hover { color: var(--primary); }
.footernav a.nav-link.disabled { color: #fff; }

.verbrauchsangaben h5 { font-size: 0.8rem; color: #fff; margin-top: 1.5rem; text-align: center; }
.verbrauchsangaben p {
	font-size: 0.6rem;
	line-height: 0.8rem;
	color: #fff;
	text-align: justify;
	text-align-last: center;
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.hersteller-header svg { color: #fff; margin-right: 0.7rem; height: 30px; }
.hersteller-header svg:hover { color: rgba(255, 255, 255, 0.7); }
.navbar-transition .hersteller-header svg { color: rgba(255, 255, 255, 0.7); }	
.navbar-transition .hersteller-header svg:hover { color: #fff; }
.navbar-default-transition .hersteller-header svg { color: rgba(0,0,0,0.5); }	
.navbar-default-transition .hersteller-header svg:hover { color: rgba(0,0,0,0.7); }


@media (min-width:768px) {


	.navbar-mainnavigation > .navbar-nav .nav-link, 
	.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link, 
	.navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		font-size:0.75rem;
	}	
	
	
}


/* Smaller devices (desktops, 992px and lower) */
@media (max-width:991px) {

	.navbar-mainnavigation .dropdown-menu { text-transform: uppercase; }
	
	.navbar-mainnavigation .navbar-nav .nav-link {
	font-size: 1.1rem; 
	line-height: 1.8;
	text-transform: uppercase;
	}
	
	
	
	.hersteller-header { margin-bottom: 1.4rem; }
	.hersteller-header a {
	width: 29%;
	display: inline-block;
	margin: 4px;
	}
	.hersteller-header a svg {
	height: 50px;
	width: 100%;		
	background-color: rgba(255, 255, 255, 0.1);
	padding: 0.6rem 0 0.6rem 0; 
		}

}

/*@media (min-width:992px) {

	.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link,
	.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:hover,
	.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:focus {
		color: #444 !important
	}
	
}*/



@media (min-width:1200px) {
	
	.navbar-mainnavigation .navbar-brand { margin-right: 50px; }
	
	.navbar-mainnavigation > .navbar-nav .nav-link, 
	.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link, 
	.navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
	font-size: 0.85rem;
	}	
	
	.hersteller-header svg { height: 39px; max-width:50px; }



}


.col-md-4 .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
	margin-top: 0;
}

.footer-autohaeuser {
	background-color: #000a14;
	font-size: 0.85rem;
}

.footer-autohaeuser .nav-link {
	padding: 0.55rem 0rem!important;
}

.footer-autohaeuser h5 { font-weight: 600; }
.footer-autohaeuser a {
	color: var(--primary);
}
.footer-autohaeuser a.active {font-weight: 600;}

.footer-autohaeuser a.btn { color: #fff;  padding: 5px 10px; font-size: 1.0rem; }

.mt1komma4 { margin-top: 0.8rem; }

hr.autohaeuser {
	margin-top: 0.5rem;
	margin-bottom: 1.4rem;
	border: 0;
	border-top: 1px solid #ffffff;
}

a.nav-link img.fb {opacity:0.8;}

a.nav-link:hover img.fb {opacity:1;}

ul.footernav {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 30px 0 26px 0;
	margin-bottom: 40px;
}

/* DEFINE LIST */


ul.orange-check, ul.check {
  list-style: none;
  padding: 0;
}
.orange-check li,
.check li {
  padding-left: 1.5em;
}
.orange-check li:before,
.check li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: var(--secondary);
}

/*
.orange li:before { color: #f60;}
.blue li:before { color: #009fe3;}
*/

.bg-secondary .orange-check li:before, 
.frame-background-secondary .orange-check li:before {
	color: #fff;
}

/* FRAME LAYOUTS */

.frame-layout-51 {
	display: flex;
	align-self: flex-end;
}


/* Frame padding bottom 2rem (statt 3.5)   */
.frame-layout-52 {
	padding-bottom: 2rem!important;
}

.frame-top2bottom2 {
	padding-top: 2rem!important;
	padding-bottom: 2rem!important;
}
.frame-top2bottom1 {
	padding-top: 2rem!important;
	padding-bottom: 1rem!important;
}
.frame-top1bottom1 {
	padding-top: 1rem!important;
	padding-bottom: 1rem!important;
}
.frame-top1bottom2 {
	padding-top: 2rem!important;
	padding-bottom: 2rem!important;
}

.frame-top3bottom0 {
	padding-top: 3rem!important;
	padding-bottom: 0rem!important;	
}
.frame-top3bottom1 {
	padding-top: 3rem!important;
	padding-bottom: 1rem!important;	
}
.frame-top3bottom2 {
	padding-top: 3rem!important;
	padding-bottom: 2rem!important;	
}
.frame-top3bottom3 {
	padding-top: 3rem!important;
	padding-bottom: 3rem!important;	
}

.frame-top0bottom0 {
	padding-top: 0rem!important;
	padding-bottom: 0rem!important;	
}
.frame-top0bottom1 {
	padding-top: 0rem!important;
	padding-bottom: 1rem!important;	
}
.frame-top0bottom2 {
	padding-top: 0rem!important;
	padding-bottom: 2rem!important;	
}

/* FORM FRAMEWORK */

.form-fieldset-inner {
	padding: 1rem;
	background-color: #F9F9F9;	
	margin-bottom: 1rem;
}

.form-fieldset-inner legend {
	font-size: 1.2rem;
	text-transform: uppercase;
}



/* BOOSTRAP GRIDELEMENTS - ABSTÄNDE  */


#c262 {
	padding-top: 2rem;
}
#c252 {
	padding-bottom: 1rem;
}

#c260.frame, #c257.frame { padding-top: 0rem!important; padding-bottom: 0rem!important;}
#c294.frame, #c290.frame, #c296.frame, #c298.frame { padding-top: 0rem!important; }




/* MOBILE.DE ANPASSUNGEN  */


h3.card-title {
	font-size: 1.755rem;
	margin-bottom: 1rem; 
}

#fahrzeugsuche-list ul.pagination { overflow: hidden; }

.fahrzeug-detail-columns ul {
	padding-left: 18px;
}

dt { break-after: avoid-column; page-break-after: avoid; break-after: avoid-column;}

.pair {
  break-inside: avoid-column;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;	
}


@media (max-width: 768px) {
	.fahrzeug-detail-columns {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
	}
	
	.btn-group > .btn {
		padding: 0.25rem 0.5rem;
		font-size: 0.7875rem;
		line-height: 1.5;
		border-radius: 0;
	}
	
	
}
@media (min-width: 768px) {

	.fahrzeug-detail-columns {
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
	}
	
	ul#lightSlider {
	height: 378px!important;
	}
}

@media (min-width: 1200px) {
	
	.ansprechpartner-fahrzeuge-detail {
	position: absolute; bottom: 0;
	width: 100%;
	}
}

@media (min-width: 992px) {
	h1.card-title { font-size: 2.4rem; }
}

.suche-startseite-fuenfspaltig {
	display: flex;
	flex-wrap: wrap;
	}
	
.suche-startseite-fuenfspaltig div.fuenfspaltig {
  flex: 1 0 18%; /* The important bit. This percentage decides your columns. 
 The percent can be px. It just represents your minimum starting width.
  */
  margin: 5px;
  color: var(--dark);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

	/* Energy efficency sticker */
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class {
	position: relative;
	width: 220px;
	display: inline-block;
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label {
	display: inline-block;
	text-align: left;
	border-radius: 0.25em 0 0 0.25em;
	position: relative;
	height: 21px;
	line-height: 21px;
	padding-left: 3px;
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label::after {
	content: "";
	widht: 0;
	height: 0;
	position: absolute;
	top: 0;
	border-left-width: 10px;
	border-left-style: solid;
	border-bottom: 10px solid transparent;
	border-top: 11px solid transparent;
	margin-left: -1px;
}

.tx-fahrzeugsuche .label-a-plus-plus-plus {
	background-color: #00974c;
	width: 50px;
	margin-right: 120px;
}
.tx-fahrzeugsuche .label-a-plus-plus-plus::after {
	left: 50px;
	border-left-color: #00974c;
}
.tx-fahrzeugsuche .label-a-plus-plus {
	background-color: #00974c;
	width: 60px;
	margin-right: 120px;
}
.tx-fahrzeugsuche .label-a-plus-plus::after {
	left: 60px;
	border-left-color: #00974c;
}
.tx-fahrzeugsuche .label-a-plus {
	background-color: #00974c;
	width: 70px;
	margin-right: 120px;
}
.tx-fahrzeugsuche .label-a-plus::after {
	left: 70px;
	border-left-color: #00974c;
}
.tx-fahrzeugsuche .label-a {
	background-color: #00984c;
	width: 80px;
	margin-right: 110px;
}
.tx-fahrzeugsuche .label-a::after {
	left: 80px;
	border-left-color: #00984c;
}
.tx-fahrzeugsuche .label-b {
	background-color: #4fad46;
	width: 90px;
	margin-right: 100px;
}
.tx-fahrzeugsuche .label-b::after {
	left: 90px;
	border-left-color: #4fad46;
}
.tx-fahrzeugsuche .label-c {
	background-color: #c4d22e;
	width: 100px;
	margin-right: 90px;
}
.tx-fahrzeugsuche .label-c::after {
	left: 100px;
	border-left-color: #c4d22e;
}
.tx-fahrzeugsuche .label-d {
	background-color: #fceb01;
	width: 110px;
	margin-right: 80px;
}
.tx-fahrzeugsuche .label-d::after {
	left: 110px;
	border-left-color: #fceb01;
}
.tx-fahrzeugsuche .label-e {
	background-color: #f8b812;
	width: 120px;
	margin-right: 70px;
}
.tx-fahrzeugsuche .label-e::after {
	left: 120px;
	border-left-color: #f8b812;
}
.tx-fahrzeugsuche .label-f {
	background-color: #ea6824;
	width: 130px;
	margin-right: 60px;
}
.tx-fahrzeugsuche .label-f::after {
	left: 130px;
	border-left-color: #ea6824;
}
.tx-fahrzeugsuche .label-g {
	background-color: #e01e26;
	width: 140px;
	margin-right: 50px;
}
.tx-fahrzeugsuche .label-g::after {
	left: 140px;
	border-left-color: #e01e26;
}
/* Energy efficency sticker: active state */
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label.active + span {
	position: relative;
	width: 0;
	height: 0;
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label.active + span::before {
	content: "";
	widht: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 20px;
	border-right: 10px solid #000;
	border-bottom: 10px solid transparent;
	border-top: 11px solid transparent;
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label.active + span::after {
	color: #fff;
	background-color: #000;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 4px;
	border-radius: 0 0.25em 0.25em 0;
	height: 21px;
	width: 20px;
	line-height: 21px;
	text-align: right;
}

.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-a-plus-plus-plus.active + span::after {
	content: "A+++";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-a-plus-plus.active + span::after {
	content: "A++";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-a-plus.active + span::after {
	content: "A+";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-a.active + span::after {
	content: "A";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-b.active + span::after {
	content: "B";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-c.active + span::after {
	content: "C";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-d.active + span::after {
	content: "D";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-e.active + span::after {
	content: "E";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-f.active + span::after {
	content: "F";
}
.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class .label-g.active + span::after {
	content: "G";
}

.tx-fahrzeugsuche .badge-green, .tx-fahrzeugsuche .label-green {
	background-color: #00984c;
	color: white;
}


/* CAROUSEL */

.carousel-item-type-image .carousel-image img {
	margin-left: 0;
	}

/* KARRIERE SEITEN */

.karriere-fixed-link-right {
	
	position:fixed;
	top:43%;
	right:-77px;
	margin:0;
	padding:15px 23px 35px 23px;
	transform: rotate(270deg) !important;
	-ms-transform: rotate(270deg) !important;
	-webkit-transform: rotate(270deg) !important;
	 -webkit-transition: margin 2s; /* Safari prior 6.1 */
	  transition: all 0.3s ease-out;
	  z-index: 9999;
}
.karriere-fixed-link-right:hover { 	text-decoration: none; right: -66px;}

.fixednavi-right {
	z-index: 9999;
		position:fixed;
	bottom:20%;
	right:-180px;
	margin:0;
	transform: rotate(270deg) !important;
	-ms-transform: rotate(270deg) !important;
	-webkit-transform: rotate(270deg) !important;
	 -webkit-transition: margin 2s; /* Safari prior 6.1 */
	  transition: all 0.3s ease-out;
	display: flex;
	flex-direction: row;
}
.fixednavi-right li {
	list-style-type: none; 
	margin-right: 1rem;
	padding:15px 23px 35px 23px;
	
}



.bebion_hover_sidebar {
	display: block;
position: fixed;
right: 0;
bottom: 70px;
z-index: 5;
}
@media screen and (min-width: 1024px) {
	.bebion_hover_sidebar {
	display: block;
	}
}


.bebion_hover_sidebar ul {
	list-style-type: none; 
	
width: 45px;
overflow: visible;
margin-top: 0;
margin-bottom: 0;
}

.bebion_hover_sidebar ul:hover {
overflow: visible;
}

.bebion_hover_sidebar li {
margin: 0 0 3px;
float: right;
text-align: left;
}

.bebion_hover_sidebar li a,
.bebion_hover_sidebar li div.searchbar {
	cursor: pointer;
display: block;
height: 47px;
line-height: 47px;
background-color: var(--primary);
color: #fff!important;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
width: 220px;
position: relative;
left: 175px;
transition: all .5s ease;
}

.bebion_hover_sidebar li a:hover, .bebion_hover_sidebar li a:focus, .bebion_hover_sidebar li a:active,
.bebion_hover_sidebar li div.searchbar:hover {
left: 0;
}

.bebion_hover_sidebar li a .icon,
.bebion_hover_sidebar li div.searchbar span.icon {
width: 45px;
display: inline-block;
vertical-align: top;
line-height: 47px;
text-align: center;
margin: 0 9px 0 0;
}

.bebion_hover_sidebar li a .icon img {
vertical-align: middle;
}

.bebion_hover_sidebar li div.searchbar input,
.bebion_hover_sidebar li div.searchbar form {
	display:inline;
}

div.searchbar form input,
div.searchbar form button {
	line-height: 30px;
}

div.searchbar form input { border: 0; background-color:rgba(255, 255, 255, 0.3); }
div.searchbar form button { color: #fff; border: 0; background-color:rgba(255, 255, 255, 0); }

#ke_search_searchfield_sword { width: 107px; }
#ke_search_searchfield_sword::placeholder {
  color: #fff;
  font-weight: 800;
}

/* TIMELINE ELEMENT */

.timeline-item-date {
	font-size: 1.3em;
	margin-bottom: 1rem;
	font-style: italic;
}




/* ACCORDEON ELEMENT */

  .card-header,
  .accordion .card-header,
  .accordion-button:not(.collapsed) {
	background-color: var(--primary) !important;
	color: #fff;
  }
  
 .accordion-button:not(.collapsed):after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
  
  .accordion-title-link,
  .accordion .accordion-title-link { color: #fff !important; }
  
  
  
  
 /* COOKIE Cookiehub */
 @media (min-width: 768px) {

		.cc-dialog {
			 margin-left: 3rem!important;
		 }
}


/* Neuwagen Seite */

.neuwagenbutton {
	border: 4px solid white; 
	background-position: bottom 10px right 10px; 
	background-repeat: no-repeat; 
	min-height: 240px; 
	background-size: 40%; 
	padding:20px;
}

  .gallery-item a:hover img,
  .neuwagenbutton:hover {
  opacity: 0.8;
   transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  }


/* NEWSLETTER PLUGIN / DOUBLE OPT IN - STYLES */

.newsletter-privacy.form-check {
	margin: 0.5rem 0 1rem 0;
}
.tx-newsletters ul.typo3-messages {
	list-style-type:none;
	padding-inline-start: 0px;
}


/* CCM19 Cookie Plugin Styles */

.ccm-root p { font-size: 12px!important; }

.ccm-widget--buttons button.ccm--button-primary, .ccm-widget--buttons .button.ccm--button-primary,
.ccm-widget--buttons button,
.ccm-widget--buttons button.ccm--decline-cookies, .ccm-widget--buttons .button.ccm--decline-cookies { text-shadow: none!important; }

.ccm-root .button, .ccm-root button,
.ccm-root .button.ccm--button-primary, .ccm-root button.ccm--button-primary { border-radius: 2px!important; }

.ccm-widget .ccm-modal--body {
	border-top-left-radius: 5px!important;
	border-top-right-radius: 5px!important; }
.ccm-widget .ccm-modal--footer {
	border-bottom-right-radius: 5px!important;
	border-bottom-left-radius: 5px !important;
}
.ccm-modal.ccm-show .ccm-modal-inner {
  border-radius: 6px!important; 
}

.ccm-powered-by a:link, .ccm-powered-by a:visited {
color: rgba(255, 255, 255, 0.27)!important;
}

.ccm-settings-summoner--icon { border-radius: 6px !important; }




/* REBRANDING 2023 */

@media (min-width:768px) {

	.navbar-nav {
		background-color: #000a14!important;
		border-radius: 6px;
		width: 100%;
		justify-content: space-around;
	}
}

 .logoband { 
	  height: 100px; 
	display: flex; 
	justify-content: space-between;
	align-items: center;
  }
  
  .logoband a { transition: all .2s ease-in-out; }
  .logoband a:hover {  transform: scale(1.05);  }
  .logoband svg:hover { filter: drop-shadow(0px 0px 22px rgb(255 255 255 / 0.6)); }
  
  
  .logoband svg { height: 30px; width: auto; }
  .logoband svg.kia { height: 20px; width: auto; }

  @media (min-width:768px) {
		.logoband svg { height: 60px; width: auto; }
		.logoband svg.kia { height: 40px; width: auto; }

	}

.footer-section-meta {
background-color: #000a14;
}

.navbar-mainnavigation .navbar-nav>li.show>.nav-link:before, .navbar-mainnavigation .navbar-nav>li.active>.nav-link:before,
.navbar-mainnavigation .navbar-nav>li>.nav-link:hover:before, .navbar-mainnavigation .navbar-nav>li:hover>.nav-link:before {
opacity: 0;
}

#c557 .card-body { padding: 1.5rem 0 1.5rem 0; }


/* Nach Update auf Typo3 10.4.x */

.frame-background-light {
	color: #2b2b2b;
	background-color: #f8f9fa;
}

  
@media (min-width: 992px) {
	  .row.frame-background-light .frame-container,
	  .row.frame-background-dark .frame-container
			 {
		  padding-left: 50px;
	  }
  }
  
  
/* DCE ELEMENT AUTO INFOBOX */
  
.auto-infobox p,
.auto-infobox,
.auto-infobox-grid { font-size: 0.75rem; line-height: 1.12rem; }

.auto-infobox .fahrzeugsuche-energy-efficiency-class .label { 
	margin-bottom: 4px;
	font-weight: bold;
 }

.auto-infobox .fahrzeugsuche-energy-efficiency-class { 
	transform-origin: top left;
	transform: scale(0.8); }
	
.auto-infobox-grid {
	  display: grid;
	  grid-template-columns: repeat(2, auto);
	}
	
	.auto-infobox-grid > span:nth-child(even) {
	  text-align: right; 
	}
	
	
.mehrinfos {
	  position: relative;
	  display: inline-block;
	}
	
	.mehrinfos picture::after {
	  content: '';
	  position: absolute;
	  top: 0px;
	  right: 0px;
	  width: 90px;
	  height: 90px;
	  background-image: url('../pics/mehr-infos.svg');
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center;
	  z-index: 1;
	}
	
	
.bg-white-15percent {
	background-color: rgba(255, 255, 255, 0.15);
	transition: all 0.2s ease-out;
}

.bg-white-15percent:hover {
background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-15percent a:hover { text-decoration: none; color: white!important; }