/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_fahrzeugsuche" */
	.tx-fahrzeugsuche {
		position: relative;
	}
	.tx-fahrzeugsuche textarea {
		resize: vertical;
    	min-height: 160px;
	}
	#fahrzeugsuche-loading {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		top: 0;
		left: 0;
		text-align: center;
		z-index: 100;
	}
	#fahrzeugsuche-loading img {
		display: inline-block !important;
		width: 100px !important;
		height: auto !important;
		margin-top: 100px;
	}

	div[data-fahrzeugsuche-framework="Bootstrap"] #fahrzeugsuche-quick-search-form-submit {
		margin-top: 16px;
	}


	/* === Fahrzeugsuche search === */
	.fahrzeugsuche-reset-submit .btn-group {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.fahrzeugsuche-reset-submit .btn-group button {
		flex-grow: 1;
	}

	/* === Fahrzeugsuche list === */
	#fahrzeugsuche-list-filter-labels {
		margin-bottom: 10px;
	}
	#fahrzeugsuche-list-filter-labels .label {
		padding: 2px 4px 2px 10px;
		margin-bottom: 10px;
		display: inline-block;
	}
	#fahrzeugsuche-list-filter-labels .label a {
		color: #fff;
		font-size: 16px;
		margin-left: 2px;
		display: inline-block;
		padding: 4px;
	}
	#fahrzeugsuche-list ul.pagination {
		margin: 0;
	}
	/* Fahrzeugsuche list: odd/even items*/
	.fahrzeug-list-item.odd .card,
	.fahrzeug-list-item.odd .panel {
		background-color: #f5f5f5;
	}
	.fahrzeug-list-item.active .card,
	.fahrzeug-list-item.active .panel {
		background-color: #ddd;
		border-color: {$themes.configuration.colors.secondary};
		border-bottom-width: 1px !important;
	}

	/* Fahrzeugsuche list: Bookmarks */
	.fahrzeug-list-item .fahrzeugsuche-list-item-bookmark {
		position: absolute;
		right: 15px;
		font-size: 20px;
		top: -4px;
		display: inline-block;
		z-index: 89;
		cursor: pointer;
	}
	.fahrzeug-list-item .fahrzeugsuche-list-item-bookmark i.marked {
		display: none;
	}
	.fahrzeug-list-item .fahrzeugsuche-list-item-bookmark i.unmarked {
		display: inline-block;
	}
	.fahrzeug-list-item.marked .fahrzeugsuche-list-item-bookmark i.marked {
		display: inline-block;
	}
	.fahrzeug-list-item.marked .fahrzeugsuche-list-item-bookmark i.unmarked {
		display: none;
	}
	.fahrzeug-list-item .card-body img,
	.fahrzeug-list-item .panel-body img {
		width: 100%;
		height: auto;
	}
	/* Fahrzeugsuche list/bookmarks small */
	#fahrzeugsuche-list-items-small .card-body,
	#fahrzeugsuche-list-items-small .panel-body,
	#fahrzeugsuche-bookmarks-items-small .card-body,
	#fahrzeugsuche-bookmarks-items-small .panel-body {
		padding: 4px;
		overflow: hidden;
	}
	#fahrzeugsuche-list-items-small .card,
	#fahrzeugsuche-list-items-small .panel,
	#fahrzeugsuche-bookmarks-items-small .card,
	#fahrzeugsuche-bookmarks-items-small .panel {
		border-radius: 0;
		margin-bottom: 0;
		min-height: 75px;
    	border-bottom-width: 0;
	}
	#fahrzeugsuche-list-items-small .fahrzeug-list-item,
	#fahrzeugsuche-bookmarks-items-small .fahrzeug-list-item {
		margin-bottom: 0 !important;
	}
	#fahrzeugsuche-list-items-small .fahrzeug-list-item:first-child .panel,
	#fahrzeugsuche-bookmarks-items-small .fahrzeug-list-item:first-child .panel {
		border-radius: 4px 4px 0 0;
	}
	#fahrzeugsuche-list-items-small .fahrzeug-list-item:last-child .panel,
	#fahrzeugsuche-bookmarks-items-small .fahrzeug-list-item:last-child .panel {
		border-radius: 0 0 4px 4px;
		margin-bottom: 20px;
		border-bottom-width: 1px;
	}
	#fahrzeugsuche-list-items-small .fahrzeug-list-item:last-child .card,
	#fahrzeugsuche-bookmarks-items-small .fahrzeug-list-item:last-child .card {
		border-bottom-width: 1px;
	}
	#fahrzeugsuche-list-items-small .card-body .fahrzeugsuche-list-item-fields,
	#fahrzeugsuche-list-items-small .panel-body .fahrzeugsuche-list-item-fields,
	#fahrzeugsuche-bookmarks-items-small .card-body .fahrzeugsuche-list-item-fields,
	#fahrzeugsuche-bookmarks-items-small .panel-body .fahrzeugsuche-list-item-fields,
	#fahrzeugsuche-list-items-small .card-body .fahrzeugsuche-list-item-info,
	#fahrzeugsuche-list-items-small .panel-body .fahrzeugsuche-list-item-info,
	#fahrzeugsuche-bookmarks-items-small .card-body .fahrzeugsuche-list-item-info,
	#fahrzeugsuche-bookmarks-items-small .panel-body .fahrzeugsuche-list-item-info,
	#fahrzeugsuche-list-items-small .card-body .fahrzeugsuche-list-item-actions,
	#fahrzeugsuche-list-items-small .panel-body .fahrzeugsuche-list-item-actions,
	#fahrzeugsuche-bookmarks-items-small .card-body .fahrzeugsuche-list-item-actions,
	#fahrzeugsuche-bookmarks-items-small .panel-body .fahrzeugsuche-list-item-actions,
	#fahrzeugsuche-list-items-small .card-body .fahrzeugsuche-list-item-price-info,
	#fahrzeugsuche-list-items-small .panel-body .fahrzeugsuche-list-item-price-info,
	#fahrzeugsuche-bookmarks-items-small .card-body .fahrzeugsuche-list-item-price-info,
	#fahrzeugsuche-bookmarks-items-small .panel-body .fahrzeugsuche-list-item-price-info {
		display: none;
	}

	@media (max-width: 767px) {
		div[data-fahrzeugsuche-framework="Bootstrap4"] #fahrzeugsuche-list-items-small .fahrzeugsuche-image,
		div[data-fahrzeugsuche-framework="Bootstrap4"] #fahrzeugsuche-bookmarks-items-small .fahrzeugsuche-image {
			width: 30%;
		}
		div[data-fahrzeugsuche-framework="Bootstrap4"] #fahrzeugsuche-list-items-small .fahrzeugsuche-data,
		div[data-fahrzeugsuche-framework="Bootstrap4"] #fahrzeugsuche-bookmarks-items-small .fahrzeugsuche-data {
			width: 70%;
		}
	}

	#fahrzeugsuche-list-items-small .card-body .fahrzeugsuche-list-item-price,
	#fahrzeugsuche-bookmarks-items-small .card-body .fahrzeugsuche-list-item-price{
		flex: 0 0 100%;
    	max-width: 100%;
		-webkit-box-flex: 0;
   		-ms-flex: 0 0 100%;
	}

	#fahrzeugsuche-list-items-small .card-body .fahrzeugsuche-list-item-price,
	#fahrzeugsuche-list-items-small .panel-body .fahrzeugsuche-list-item-price,
	#fahrzeugsuche-bookmarks-items-small .card-body .fahrzeugsuche-list-item-price,
	#fahrzeugsuche-bookmarks-items-small .panel-body .fahrzeugsuche-list-item-price {
		width: 100%;
		padding-left: 0;
		text-align: right;
	}
	#fahrzeugsuche-list-items-small .card-body .fahrzeugsuche-list-item-bookmark,
	#fahrzeugsuche-list-items-small .panel-body .fahrzeugsuche-list-item-bookmark,
	#fahrzeugsuche-bookmarks-items-small .card-body .fahrzeugsuche-list-item-bookmark,
	#fahrzeugsuche-bookmarks-items-small .panel-body .fahrzeugsuche-list-item-bookmark {
		display: none;
	}
	#fahrzeugsuche-list-items-small .fahrzeugsuche-list-item-title,
	#fahrzeugsuche-bookmarks-items-small .fahrzeugsuche-list-item-title {
		padding-left: 0;
	}
	#fahrzeugsuche-list-items-small .fahrzeugsuche-list-item-title h4,
	#fahrzeugsuche-bookmarks-items-small .fahrzeugsuche-list-item-title h4 {
		width: 100%;
		font-size: 13px;
		margin-top: 0;
	}



	/* Fahrzeugsuche list: title */
	.fahrzeugsuche-list-item-title h4 {
		width: calc(100% - 30px);
	}

	#fahrzeugsuche-features-checkboxes {
		height: 200px;
		overflow: auto;
	}
	#fahrzeugsuche-form-field-gender {
		height: 30px;
		padding-top: 4px;
	}
	.fahrzeugsuche-form-field-privacy-police {
		position: relative;
	}
	.fahrzeugsuche-form-field-privacy-police input.privacy-police {
		position: absolute;
		top: 4px;
    	left: 8px;
	}
	.fahrzeugsuche-form-field-privacy-police label {
		padding-left: 30px;
	}

	#fahrzeugsuche-button-bookmark.marked .marked {
		display: inline-block;
	}
	#fahrzeugsuche-button-bookmark.marked .unmarked {
		display: none;
	}
	#fahrzeugsuche-button-bookmark.unmarked .marked {
		display: none;
	}
	#fahrzeugsuche-button-bookmark.unmarked .unmarked {
		display: inline-block;
	}

	.fahrzeugsuche-image .fahrzeugsuche-image-wrapper {
    	overflow: hidden;
	}
	div[data-fahrzeugsuche-framework="Bootstrap"] .fahrzeugsuche-image .fahrzeugsuche-image-wrapper {
		display: table;
	}
	div[data-fahrzeugsuche-framework="Bootstrap"] .fahrzeugsuche-image .fahrzeugsuche-image-wrapper .row {
		display: table-row;
	}
	div[data-fahrzeugsuche-framework="Bootstrap"] .fahrzeugsuche-image .fahrzeugsuche-image-wrapper .row > div {
		display: table-cell;
		float: none;
	}

	@media (min-width: 767px) {
		.fahrzeugsuche-data dl {
			-moz-column-count: 2;
			-moz-column-gap: 30px;
			-webkit-column-count: 2;
			-webkit-column-gap: 30px;
			column-count: 2;
			column-gap: 30px;
		}
	}

	.fahrzeug-image-preview-scroll-up,
	.fahrzeug-image-preview-scroll-down {
		position: absolute;
		left: 0;
		height: 30px;
		width: calc(100% - 15px);
		background-color: #f5f5f5;
		z-index: 99;
		text-align: center;
		font-size: 20px;
	}
	.fahrzeug-image-preview-scroll-up {
		top: 0;
	}
	.fahrzeug-image-preview-scroll-down {
		bottom: 0;
	}

	.fahrzeugsuche-image-preview {
		min-width: 50px;
	}
	.fahrzeugsuche-image-preview ul {
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		width: calc(100% - 15px);
		left: 0;
		top: 0;
		margin: 34px 0;
	}

	.fahrzeugsuche-image-preview ul li {
		margin-bottom: 4px;
	}
	.fahrzeugsuche-image-preview ul li a img {
		opacity: 0.6;
		transition: opacity 0.6s ease;
	}
	.fahrzeugsuche-image-preview ul li.active a img,
	.fahrzeugsuche-image-preview ul li a:hover img {
		opacity: 1.0;
		transition: opacity 0.3s ease;
		border: 1px solid #999;
	}
	.fahrzeugsuche-image-preview img {
		width: 100%;
		height: auto;
	}

	.fahrzeug-bookmarks-actions-top .btn-group,
	.fahrzeugsuche-details-actions .btn-group {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.fahrzeug-bookmarks-actions-top .btn-group a,
	.fahrzeugsuche-details-actions .btn-group a,
	.fahrzeug-bookmarks-actions-top .btn-group button,
	.fahrzeugsuche-details-actions .btn-group button {
		flex-grow: 1;
	}

	@media (max-width: 767px) {
		.fahrzeug-bookmarks-actions-top .btn-group a,
		.fahrzeugsuche-details-actions .btn-group a,
		.fahrzeug-bookmarks-actions-top .btn-group button,
		.fahrzeugsuche-details-actions .btn-group button {
		    width: 50%;
		}
	}
	@media (max-width: 575px) {
		.fahrzeug-bookmarks-actions-top .btn-group a,
		.fahrzeugsuche-details-actions .btn-group a,
		.fahrzeug-bookmarks-actions-top .btn-group button,
		.fahrzeugsuche-details-actions .btn-group button {
		    width: 100%;
		}
	}


	@media (min-width: 767px) {
		.fahrzeugsuche-details-data .col-md-12 dl {
			-moz-column-count: 2;
			-moz-column-gap: 30px;
			-webkit-column-count: 2;
			-webkit-column-gap: 30px;
			column-count: 2;
			column-gap: 30px;
		}
		.fahrzeugsuche-details-data .col-md-12 dl dt,
		.fahrzeugsuche-details-data .col-md-12 dl dd {
			page-break-inside: avoid;  /* Firefox */
			break-inside: avoid;
			column-break-inside: avoid;
			-webkit-column-break-inside: avoid;
			-moz-column-break-inside: avoid;
			-ms-column-break-inside: avoid;
		}
	}

	.tx-fahrzeugsuche .badge-green,
	.tx-fahrzeugsuche .label-green {
		background-color: #00984c;
	}
	.tx-fahrzeugsuche .badge-yellow,
	.tx-fahrzeugsuche .label-yellow {
		background-color: #fceb01;
	}
	.tx-fahrzeugsuche .badge-red,
	.tx-fahrzeugsuche .label-red {
		background-color: #e01e26;
	}
	.tx-fahrzeugsuche .badge-none,
	.tx-fahrzeugsuche .label-none {
		background-color: #999999;
	}

	/* Energy efficency sticker */
	.tx-fahrzeugsuche .fahrzeugsuche-energy-efficiency-class {
		position: relative;
		width: 150px;
		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: 15px;
		line-height: 9px;
	}
	.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: 8px solid transparent;
		border-top: 7px solid transparent;
		margin-left: -1px;
	}
	.tx-fahrzeugsuche .label-a-plus {
		background-color: #00974c;
		width: 30px;
		margin-right: 120px;
	}
	.tx-fahrzeugsuche .label-a-plus::after {
		left: 30px;
		border-left-color: #00974c;
	}
	.tx-fahrzeugsuche .label-a {
		background-color: #00984c;
		width: 40px;
		margin-right: 110px;
	}
	.tx-fahrzeugsuche .label-a::after {
		left: 40px;
		border-left-color: #00984c;
	}
	.tx-fahrzeugsuche .label-b {
		background-color: #4fad46;
		width: 50px;
		margin-right: 100px;
	}
	.tx-fahrzeugsuche .label-b::after {
		left: 50px;
		border-left-color: #4fad46;
	}
	.tx-fahrzeugsuche .label-c {
		background-color: #c4d22e;
		width: 60px;
		margin-right: 90px;
	}
	.tx-fahrzeugsuche .label-c::after {
		left: 60px;
		border-left-color: #c4d22e;
	}
	.tx-fahrzeugsuche .label-d {
		background-color: #fceb01;
		width: 70px;
		margin-right: 80px;
	}
	.tx-fahrzeugsuche .label-d::after {
		left: 70px;
		border-left-color: #fceb01;
	}
	.tx-fahrzeugsuche .label-e {
		background-color: #f8b812;
		width: 80px;
		margin-right: 70px;
	}
	.tx-fahrzeugsuche .label-e::after {
		left: 80px;
		border-left-color: #f8b812;
	}
	.tx-fahrzeugsuche .label-f {
		background-color: #ea6824;
		width: 90px;
		margin-right: 60px;
	}
	.tx-fahrzeugsuche .label-f::after {
		left: 90px;
		border-left-color: #ea6824;
	}
	.tx-fahrzeugsuche .label-g {
		background-color: #e01e26;
		width: 100px;
		margin-right: 50px;
	}
	.tx-fahrzeugsuche .label-g::after {
		left: 100px;
		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: 8px solid transparent;
		border-top: 7px 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: 2px 4px;
		border-radius: 0 0.25em 0.25em 0;
		height: 15px;
		width: 20px;
		line-height: 12px;
		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";
	}

	/* List-View - Page Navigation - responsive */
	@media (max-width: 767px) {
		.fahrzeug-list-actions-top nav,
		.fahrzeug-list-actions-bottom nav {
			padding-bottom: 15px;
		}
	}

	/* List-View Bookmark - responsive
	@media (max-width: 991px) {
		#fahrzeugsuche-bookmarks .fahrzeugsuche-button-back-to-list {
			margin-bottom: 15px;
		}
	} */

	/* Fahrzeugsuche bookmarks compare */
	#fahrzeugsuche-bookmarks-compare {
		background-color: white;
		width: 100%;
    	overflow-x: auto;
	}

	@media (max-width: 991px) {
		#fahrzeugsuche-list-items-small-collapse,
		#fahrzeugsuche-bookmarks-items-small-collapse,
		#fahrzeugsuche-search-small-collapse {
			max-height: 80vh;
			overflow-y: auto;
			overflow-x: hidden;
			border-bottom: 1px solid #ddd;
		}
	}