@import 'spacings.min.css?v=1.0.1';
@import 'typo.css?v=1.0.0';
@import 'nav.min.css?v=1.0.3';
@import 'svgs.min.css?v=1.0.3';

:root {		
	/* colors */
	--color-default: #12161c; /* default */
	--color-default-rgb: 18,22,28;
	--color-primary: #14253a; 
	--color-primary-rgb: 20,37,58;
	--color-primary-shade: #616d7b; 
	--color-primary-shade-rgb: 97,109,123;
	--color-secondary: #ffdd00; /* blue */
	--color-secondary-rgb: 255,221,0;	
	--color-gray: #5e6166;
	--color-gray-rgb: 94,97,102;	
	--color-gray-dark: #292d32;
	--color-gray-dark-rgb: 41,45,50;
	--color-gray-light: #e7e9e9;
	--color-gray-light-rgb: 231,233,233;
	--color-gray-medium: #c7c9cf;
	--color-gray-medium-rgb: 199,201,207;
	--color-white: #ffffff;
	--color-white-rgb: 255,255,255;	
	--color-black: #000000;
	--color-black-rgb: 0,0,0;
	--color-red: #ff5555;
	--color-red-rgb: 255,85,85;
	--color-cyan: #13d0ca;
	--color-cyan-rgb: 19,208,202;
	
	/* misc */
	--container-width: 100%;
}

/* league-spartan-300 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local(''),
       url('/assets/fonts/league-spartan-v4-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/league-spartan-v4-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* league-spartan-500 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local(''),
       url('/assets/fonts/league-spartan-v4-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/league-spartan-v4-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* general */
*,:before,:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;	
}

*:focus { outline: none!important; }

html, body {
	min-width: 320px;
	height:100%;
	min-height:100%;	
	font-family: 'League Spartan', sans-serif;
	font-weight:300;	
	font-size:20px;
	background-color:var(--color-white);	
	color:var(--color-default);
	-webkit-overflow-scrolling:touch;
}
html.touch { cursor:pointer; }
body.nav--in { overflow:hidden; }

a, button {	
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
	transition:0.3s all;
}

.container, .container-fluid, .wrapper, .banner, main, section, .section, article, aside { position:relative; }

/* text colors */
.text-default { color:var(--color-default)!important; } /* 18,22,28 */ 
.text-primary { color:var(--color-primary)!important; } /* 20,37,58 */
.text-primary-shade { color:var(--color-primary-shade)!important; } /* 97,109,123 */
.text-secondary { color:var(--color-secondary)!important; } /* 255,221,0 */ 
.text-gray { color:var(--color-gray)!important; }
.text-graydark { color:var(--color-gray-dark)!important; } 
.text-graylight { color:var(--color-gray-light)!important; }
.text-graymedium { color:var(--color-gray-medium)!important; } 
.text-white { color:var(--color-white)!important; }
.text-red { color:var(--color-red)!important; }

/* bg colors */
.bg-default { background-color: var(--color-default)!important; }
.bg-primary { background-color: var(--color-primary)!important; }
.bg-primary-shade { background-color: var(--color-primary-shade)!important; }
.bg-secondary { background-color:var(--color-secondary)!important; } 
.bg-gray { background-color:var(--color-gray)!important; }
.bg-graydark { background-color:var(--color-gray-dark)!important; }
.bg-graylight { background-color:var(--color-gray-light)!important; }
.bg-graymedium { background-color:var(--color-gray-medium)!important; }
.bg-white { background-color:var(--color-white)!important; }
.bg-cyan { background-color:var(--color-cyan)!important; }

/* border colors */
.border-default, .border-default::after { border-color:var(--color-default)!important; }
.border-primary, .border-primary::after { border-color:var(--color-primary)!important; }
.border-primary-shade, .border-primary-shade::after { border-color:var(--color-primary-shade)!important; }
.border-secondary, .border-secondary::after { border-color:var(--color-secondary)!important; }
.border-gray, .border-gray::after { border-color:var(--color-gray)!important; }
.border-graydark, .border-graydark::after { border-color:var(--color-gray-dark)!important; }
.border-graylight, .border-graylight::after { border-color:var(--color-gray-light)!important; }
.border-graymedium, .border-graymedium::after { border-color:var(--color-gray-medium)!important; }
.border-white, .border-white::after { border-color:var(--color-white)!important; }

/* aspects */
.aspect {
	position:relative;
}
.aspect--16-11 {
	padding-top:68.75%;
}
.aspect--16-10 {
	padding-top:62.5%;
}
.aspect--16-9 {
	padding-top:56.25%;
}
.aspect--16-8 {
	padding-top:50%;
}
.aspect--16-7 {
	padding-top:40%;
}
.aspect--16-6 {
	padding-top:37.5%;
}
.aspect--4-3 {
	padding-top:75%;
}
.aspect--1-1 {
	padding-top:100%;
}
.aspect-inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;	
}

/* opacity */
.opacity-30 { opacity:.30!important; }
.opacity-50 { opacity:.50!important; }
.opacity-75 { opacity:.75!important; }

/* object-fit */
.object-fit-cover {
	width:100%;
	height:100%;
	object-fit:cover;
}

/* object-position */
.object-position-center { object-position:center; }
.object-position-top { object-position:center top; }
.object-position-top-end { object-position:right top; }
.object-position-end { object-position:right center; }
.object-position-bottom-end { object-position:right bottom; }
.object-position-bottom { object-position:center bottom; }
.object-position-start-bottom { object-position:left bottom; }
.object-position-start { object-position:left center; }
.object-position-start-top { object-position:left top; }

/* translate */
.translateY--100 {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
}

/* containers */
.container-narrow {
	width:960px;
	max-width:100%;
}

/* ELEMENTS >> */
/* buttons base */
.bt { 
	display:inline-flex; 	
	align-items:center;
	justify-content:center;
	height:48px;
	padding:0 1rem;
	background-color:transparent;
	border:transparent 2px solid; 
	line-height:1;
	text-align:center;
	text-decoration:none!important;
	font-weight:400;
}

/* buttons sizes */
.bt-sm { 
	height:34px;
	padding:.1rem .5rem 0 .5rem;
}
.bt-lg { 
	height:52px;
	padding:0 1.5rem;
}
.bt-xl { 
	height:56px;
	padding:0 1.75rem;
}
.bt-block { 	
	width:100%;
	margin:auto;	
}

/* buttons solid */
.bt-primary, .bt-primary:visited { 
	background-color:var(--color-primary);
	color:var(--color-white);	
}
.bt-primary:hover { 	
	background-color:var(--color-default);
	color:var(--color-white);
}
.bt-primary:focus { 
	background-color:var(--color-default);
	color:var(--color-white);
}

.bt-secondary, .bt-secondary:visited { 
	background-color:var(--color-secondary);
	color:var(--color-default);	
}
.bt-secondary:hover { 	
	background-color:#f2d200;
	color:var(--color-default);
}
.bt-secondary:focus { 
	background-color:#f2d200;
	color:var(--color-default);
}

/* buttons outlined */
.bt-primary.outlined, .bt-primary.outlined:visited { 
	background-color:var(--color-white);
	border-color:var(--color-primary);
	color:var(--color-primary);	
}
.bt-primary.outlined:hover { 	
	background-color:var(--color-primary);
	border-color:var(--color-primary);	
	color:var(--color-white);
}
.bt-primary.outlined:focus { 
	background-color:var(--color-default);
	border-color:var(--color-default);		
	color:var(--color-white);
}

/* buttons disabled */
.bt-disabled, .bt-disabled:visited { 
	background-color:#eaeaea!important;
	color:#aaa!important;	
}
.bt-disabled:hover { 	
	background-color:#eaeaea!important;
	color:#aaa!important;
}
.bt-disabled:focus { 
	background-color:#eaeaea!important;
	color:#aaa!important;
}

/* accordion */
.accordion-button {
	color:var(--color-default);
	border-color:var(--color-gray);
	box-shadow:none!important;
}
.accordion-button:hover {
	background-color:var(--color-gray-medium);
}
.accordion-button:not(.collapsed) {
	color:var(--color-white);
	background-color:var(--color-primary);
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2312161C'%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-button:not(.collapsed)::after {
	color:var(--color-white);
	background-color:var(--color-primary);
	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");
}

/* sidebar */
.sidebar {
	width:3.5rem;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	z-index:500;
	background:var(--color-primary);
	-webkit-box-shadow:2px 0 10px rgba(0,0,0,.3);
	box-shadow:2px 0 10px rgba(0,0,0,.3);
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
.sidebar-socials a .svg {
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
.sidebar-socials a:hover .svg {
	background-color:var(--color-secondary)!important;
}
.nav--in .sidebar {
	-webkit-box-shadow:none;
	box-shadow:none;
}

/* header */
header {
	height:4rem;	
	/* 
	position:fixed;
	left:3.5rem;
	right:0;
	*/
	position:relative;	
	z-index:400;
	background:rgba(255,255,255,.95);
	box-shadow:0 2px 5px rgba(0,0,0,.15);
}

/* wrapper */
.wrapper {
	overflow-x:hidden;
	margin-left:3.5rem;
}

/* logo */
.logo {
	min-width:150px;
	width:7.5vw;
	height:auto;
	position:absolute;
	z-index:10;
}

.logo.top { top:1.5rem; }
.logo.bottom { bottom:1.5rem; }
.logo.left { left:1.5rem; }
.logo.right { right:1.5rem; }

/* banner */
.banner { 
	--opt-text-height: 3rem;
	height:89vh;
	/* padding-top:4rem; */	
}
.banner .carousel, .banner .carousel-inner, .banner .carousel-item {
	height:100%;
}
.banner-bg {
	background-image:url('/files/images/banner/banner-bg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.banner-media {
	position:relative;
	width:100%;
	height:100%;
}
.banner-media.has--opt-text {
	width:100%;
	height:calc(100% - var(--opt-text-height));
}
.banner-image { 	
	-webkit-box-shadow:0 0 3.5rem rgba(0,0,0,.6);
	box-shadow:0 0 3.5rem rgba(0,0,0,.6);
}
.banner-content {
	position:absolute;
	z-index:3;
	left:1.5rem;
	bottom:1.5rem;
}
.banner-opt-text {
	width:100%;
	height:var(--opt-text-height);
	overflow-y:auto;
}
.carousel-indicators {	
	z-index:4;
}
.carousel-indicators [data-bs-target]{
	width:14px;
	height:14px;	
	border:rgba(20,37,58,.33) 1px solid;
	-webkit-border-radius:50%;
	border-radius:50%;
}

/* post-it */
.postit {
	max-width:calc(100vw - 145px);
	max-height:calc(100vh - 3rem);
	position:fixed;
	right:0;
	top:3rem;
	z-index:99;	
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
	-webkit-transition:.4s ease;
	transition:.4s ease;
}
.postit-title {
	height:48px;
	position:relative;
}
.postit-text {
	width:100%;
	max-width:400px;
}
.postit-text p {
	margin-bottom:0.5rem!important;
}
.postit-text p:last-child {
	margin-bottom:0!important;
}
.postit-toggle-wrapper {		
	position:absolute;
	top:0;
	left:0;	
	z-index:3;
	-webkit-transform:translateX(-48px);
	transform:translateX(-48px);	
}
.postit-show, .postit-hide {	
	width:48px;
	height:48px;	
}
.postit-show:hover, .postit-hide:hover {
	background:var(--color-primary-shade);
}
.postit .postit-show {
	display:flex;
}
.postit .postit-hide {
	display:none;
}
.postit.in {
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
.postit.in .postit-show {
	display:none;
}
.postit.in .postit-hide {
	display:flex;
}

/* main */
.bg-default { color:var(--color-white); }
.bg-graydark { color:var(--color-gray-light); }

main {	
	
}

/* schnellsuche */
.schnellsuche-heading {
	margin:0 15px;
}


/* fahrzeugliste */
.fahrzeugliste .container-fluid {
	padding-left:2rem;
	padding-right:2rem;
}

/* autohaeuser */
.autohaeuser .item {	
	height:11rem;
}
.autohaeuser .item img {
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
.autohaeuser .item:hover img {
	-webkit-transform:scale(110%);
	transform:scale(110%);
}

/* angebote */
.icon-gebrauchtwagen {
	height:56px;
	width:auto;
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px);
}
.angebote .item {
	position:relative;
}
.angebote .item-image {
	overflow:hidden;
}
.angebote .item-image img {
	-webkit-transition:.5s ease;
	transition:.5s ease;
}
.angebote .item:hover .item-image img {
	-webkit-transform:scale(110%) rotate(4deg);
	transform:scale(110%) rotate(4deg);
}
.angebote .item-price {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-transition:.5s ease;
	transition:.5s ease;
}
.angebote .item-price-text {	
	font-weight:500;
	color:var(--color-white);
	text-align:center;
	line-height:1;
	text-shadow:0 0 10px rgba(0,0,0,.75);
	opacity:1;
	-webkit-transition:.5s ease;
	transition:.5s ease;
}
.angebote .item-price-text span {
	font-size:3rem;
}
.angebote .item:hover .item-price {
	background:rgba(0,0,0,.4);
}
.angebote .item:hover .item-price-text {
	opacity:.5;
	-webkit-transform:scale(50%);
	transform:scale(50%);	
}

/* block--fahrzeugangebote */
.carousel-fahrzeugangebote-wrapper {
	--carousel-nav-width:48px;
	--carousel-spacing:16px;
	width:calc(100% - ((var(--carousel-nav-width) * 2)));		
	max-width:100%;
	min-height:9rem;
	position:relative;
}
.block--fahrzeugangebote .item {
	width:360px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
.block--fahrzeugangebote .item, 
.block--fahrzeugangebote .item * {	
	-webkit-transition:.2s ease;
	transition:.2s ease;
}
.block--fahrzeugangebote .item:hover > .row {		
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,.18);
	box-shadow:1px 1px 8px rgba(0,0,0,.18);
}
.block--fahrzeugangebote .item:hover img {		
	-webkit-transform:scale(103.5%);
	transform:scale(103.5%);
}
.block--fahrzeugangebote .item:hover .fahrzeugangebote-info .body-1 {		
	color:var(--color-primary);
}
.fahrzeugangebote-price {
	width:100%;
	position:absolute;
	top:8%;
	right:-32%;
	z-index:2;
	-webkit-transform:rotate(37.5deg);
	transform:rotate(37.5deg);
}

.fahrzeugangebote-button {
	/*
	position:absolute;
	bottom:0;
	right:0;
	*/		
	position:relative;
	z-index:4;	
	-webkit-transform:translateY(25%);
	transform:translateY(25%);
}


/* leistungen */
.leistungen .item {
	overflow:hidden;
}
.leistungen .item * {
	-webkit-transition:.5s ease;
	transition:.5s ease;
}
.leistungen .item .overlay {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	opacity:0;
	background:rgba(0,0,0,.4);
}
.leistungen .item:hover .overlay {
	opacity:1;
}
.leistungen .item .item-title {
	position:absolute;
	right:0;
	bottom:.5rem;
	left:0;
	z-index:3;	
	
	color:var(--color-white);	
	letter-spacing:2px;
	text-shadow:0 0 10px rgba(0,0,0,.75);
}
.leistungen .item:hover .item-title {	
	bottom:1.5rem;	
	font-size:1.95rem;
	letter-spacing:normal;
	background:rgba(18,22,28,.9);
}

.leistungen .item .stretched-link::after {
	z-index:4;
}

/* gebrauchtwagen */
.gebrauchtwagen .item {
	position:relative;
}
.gebrauchtwagen .item, .gebrauchtwagen .item * {
	-webkit-transition:.5s ease;
	transition:.5s ease;
}
.gebrauchtwagen .item:hover {
	-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.4);
	box-shadow: 0 2px 12px rgba(0,0,0,.4);
}
.gebrauchtwagen .item-price {
	line-height:1.1;
}

/* fahrzeugankauf */
.fahrzeugankauf-embed {
	z-index:2;
	opacity:.96;
}

.fahrzeugankauf-bg {
	top:0;
	left:0;
	bottom:28px;	
	z-index:1;	
}

/* fahrzeugvermietung */
#OnlineRentWidgetInterface hr.lm {
	margin:.75rem 0!important;
}
#OnlineRentWidgetInterface .startcontrols h4 {
	padding-top:.5rem!important;
	padding-bottom:.3rem!important;
}
#OnlineRentWidgetInterface .startcontrols h4 {
	padding-top:.5rem!important;
	padding-bottom:.3rem!important;
}
#OnlineRentWidgetInterface .vehicle-category-button-group {
	margin-bottom:1.5rem!important;
}
#OnlineRentWidgetInterface .pricing-container {
	left:20px;
	right:20px;
	width:auto;
}
#OnlineRentWidgetInterface .pricing-container .row {
	justify-content:flex-end!important;
}
#OnlineRentWidgetInterface .pricing-container .row > .col-6 {
	flex:0 0 auto!important;
	width:auto!important;
	max-width:100%!important;
}
#OnlineRentWidgetInterface .pricing-container .row > .col-6.text-left {
	text-align:right!important;
}
#OnlineRentWidgetInterface .vehicle-equipment-list.mb-2 {
	margin-bottom:1.5rem!important;
}
#OnlineRentWidgetInterface .daterangepicker {
	top:-10px!important;
	left:0px!important;
}
#OnlineRentWidgetInterface div[data-v-0b9317c5] > p {
	display:none!important;
}

/* service links */
.service-links .item {	
	height:7.5rem;
}
.service-links .item img {
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
.service-links .item:hover img {
	-webkit-transform:scale(110%);
	transform:scale(110%);
}

/* timeline */
.timeline .item {	
	position:relative;
	z-index:3;	
}
.timeline .item-content {
	max-width:470px;
}
.timeline .item-text p:last-child {
	margin-bottom:0!important;
}
.timeline .item img {	
	border:var(--color-white) 10px solid;
	border-bottom-width:24px;
	-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);	
	-webkit-transform:translateX(2.5rem);
	transform:translateX(2.5rem);
}
.timeline .item .justify-content-start img { 
	-webkit-transform:translateX(-2.5rem);
	transform:translateX(-2.5rem);
}
.timeline-arrow {
	width:1px;
	height:100%;
	position:absolute;
	left:50%;
	top:-2px;
	z-index:1;
	background:var(--color-primary);	
}
.timeline-arrow .arrow-top {
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background:var(--color-primary);		
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-border-radius:50%;
	border-radius:50%;
}
.timeline-arrow .arrow-bottom {
	display:block;
	width: 0;
	height: 0;
	position:absolute;
	bottom:-2px;
	left:0;
	z-index:2;		
	border-style: solid;
	border-width: 20px 6px 0 7px;
	border-color: var(--color-primary) transparent transparent transparent;	
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

/* jobs */
.job-item {
	
}
.jobcount-one .job-item {
	max-width:75%;
	margin-left:auto;
	margin-right:auto;
}
.job-item-image {
	
}
.job-item-title {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background:rgba(255,255,255,.8);
}

/* footer */

/* << ELEMENTS */


/* MEDIA QUERIES */
/* xs */
@media screen and (min-width: 540px) {	
	/* block--fahrzeugangebote */
	.block--fahrzeugangebote .item {
		width:auto;
	}
}

@media screen and (min-width: 576px) {	
	:root {
		/* misc */
		--container-width: 540px;
	}
	
	.schnellsuche-box {
		margin:0 -15px;
	}
}

@media screen and (min-width: 768px) {	
	:root {
		/* misc */
		--container-width: 720px;
	}
}

@media screen and (min-width: 992px) {	
	:root {
		/* misc */
		--container-width: 875px;
	}
	
	.container {
		max-width:var(--container-width);
	}
}

@media (min-width: 1200px) {
	:root {
		/* misc */
		--container-width: 1029px;
	}
	
	.container {
		max-width:var(--container-width);
	}
}

@media (min-width: 1400px) {
	:root {
		/* misc */
		--container-width: 1229px;
	}
	
	.container {
		max-width:var(--container-width);
	}
}

@media (min-width: 1461px) {
	:root {
		/* misc */
		--container-width: 1290px;
	}
	
	.container {
		max-width:var(--container-width);
	}
}
	
@media (max-width: 1599.98px) { 
	html, body {
		font-size:18px;
	}	
}

@media (max-width: 1399.98px) { 
	/* leistungen */
	.leistungen .item:hover .item-title {			
		font-size:1.7rem;		
	}
}

@media (max-width: 1199.98px) {		
	/* post-it */
	.postit {		
		top:1.5rem;		
	}
	
	/* fahrzeugankauf */
	.fahrzeugankauf-embed {
		width:100%!important;
		margin:0 auto!important;
		opacity:1;
	}
	
	.fahrzeugankauf-bg {
		position:relative!important;
		bottom:auto;			
	}
	.fahrzeugankauf-bg img {
		object-fit:contain!important;
	}
	
	/* leistungen */
	.leistungen .item:hover .item-title {			
		font-size:1.5rem;		
	}
}

@media (max-width: 991.98px) {	
	/* header */
	header {
		height:3.5rem;	
	}
	header img {
		height:40px;
		width:auto;
	}	
	.banner { 
		height:calc(100vw * .5)!important;		
	}
	.banner-content-mobile {
		padding-top:1rem!important;
		padding-bottom:1rem;		
	}	
	
	/* carousel */
	.carousel-indicators {
		margin-bottom:.5rem;
	}
	
	/* post-it */
	.postit {		
		top:.5rem;		
	}
	
	/* angebote */
	.icon-gebrauchtwagen {
		height:36px;	
		-webkit-transform:translateY(-2px);
		transform:translateY(-2px);
	}
}

@media screen and (max-width: 767.98px) {
	.wrapper {
		margin-left:0;
	}
	
	/* sidebar */
	.sidebar {
		width:100%;
		height:72px;
		bottom:auto;	
		-webkit-box-shadow:0px 2px 10px rgba(0,0,0,.3);
		box-shadow:0 2px 10px rgba(0,0,0,.3);		
	}
	
	/* post-it */
	.postit {
		top:72px;
	}
}

@media screen and (max-width: 767.98px), screen and (max-height: 640px) {	
	/* logo */
	.logo { min-width: 120px; }
	
	/* banner */	
	.banner, .banner .carousel, .banner .carousel-inner, .banner .carousel-item {		
		height:auto!important;
	}
	.banner {
		padding-top:72px;
	}
	.banner-image { 
		height:calc(100vw * .425)!important;		
	}		
}

@media (max-width: 575.98px) { 	
	/* logo */
	.logo { min-width: 80px; }
	.logo.top { top:1rem; }
	.logo.bottom { bottom:1rem; }
	.logo.left { left:1rem; }
	.logo.right { right:1rem; }	
	
	/* banner */
	.banner {
		--opt-text-height: 4rem;
	}
	/* timeline */
	.timeline-arrow {
	  left: 2rem;
	}
}	

@media (max-width: 479.98px) { 
	/* buttons */
	.bt-sm {
		height:25px;
		padding:.15rem .35rem 0 .35rem;
	}	
	
	/* autohaeuser */
	.autohaeuser .item {
		height:8rem;
	}
	
	/* angebote */
	.icon-gebrauchtwagen {
		height:40px;	
		-webkit-transform:none;
		transform:none;
	}
}