:root,
[data-bs-theme=light] { 
	--bs-body-bg: #e6e9ec;
	--bs-body-bg: var(--bs-white);
	
	--bs-body-font-family: 'Open Sans',  sans-serif;
	--bs-body-font-size: medium;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.4em; 
	--bs-body-color: #000;
	--bs-body-color-rgb: 0, 0, 0;
	--bs-body-color-a-rgb: 0, 0, 0;
		
	--heading-font-family-family:  'Open Sans',  sans-serif;
	--bs-heading-color: var(--bs-primary);
	--heading-link-color: inherit;
	--heading-link-decoration: none;
	--heading-link-hover-color: inherit;
	--heading-link-hover-decoration: underline;
	
	--bs-primary:  #e2001a;
	--bs-primary-rgb: 226, 0, 26;
	--bs-primary-a-rgb: 226, 0, 26;
	--bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.5);
	--bs-primary-color: rgba(var(--bs-primary-rgb), 0.75);
	--bs-primary-dark: #8C0010;
	--bs-primary-dark-rgb: 140, 0, 16;
	--bs-primary-light: #F6586A;
	--bs-primary-light-rgb: 246, 88, 106;
	--bs-primary-lighter: #FFE6E9;
	--bs-primary-lighter-rgb: 255, 230, 233;
	--bs-primary-bg: var(--bs-primary);
	--bs-primary-text-emphasis: var(--bs-primary-dark);
	--bs-primary-bg-subtle: var(--bs-primary-light);

	--bs-secondary: #681221;
	--bs-secondary-rgb: 104, 18, 33;
	--bs-secondary-a-rgb: 104, 18, 33;
	--bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.5);
	--bs-secondary-color: rgba(var(--bs-secondary-rgb), 0.75);
	--bs-secondary-dark: #45010D;
	--bs-secondary-dark-rgb: 69, 1, 13;
	--bs-secondary-light: #8D2D3E;
	--bs-secondary-light-rgb:  141, 45, 62;
	--bs-secondary-bg: var(--bs-secondary);
	--bs-secondary-text-emphasis: var(--bs-secondary-dark);
	--bs-secondary-bg-subtle: var(--bs-secondary-light);
	
	--bs-accent: #BECDEE;
	--bs-accent-rgb: 190, 205, 238;
	--bs-accent-a-rgb: 190, 205, 238;
	--bs-accent-dark: #92A8D7;
	--bs-accent-dark-rgb: 146, 168, 215;
	--bs-accent-light: #E6EDFB;
	--bs-accent-light-rgb: 230, 237, 251;
	
	--bs-light: #C0C9D2;
	--bs-light-rgb: 192, 201, 210;
	--bs-lighter: #ebf1f4;
	--bs-lighter-rgb: 236, 241, 244;
	
	--bs-dark: #222;
	--bs-dark-rgb: 34,34,34;
	
	--bs-gray: #9da4ab;
	--bs-gray-rgb: 157, 164, 171;
	--bs-gray-dark: #6c757d;
	--bs-gray-dark-rgb: 108,117,125;
	--bs-gray-light: #dee2e6;
	--bs-gray-light-rgb: 222,226,230;
		
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-link-color: var(--bs-primary);
	--bs-link-hover-color: var(--bs-primary-dark);
	--bs-link-decoration: underline;
	--link-hover-decoration: none;
	--link-weight: 500;
	
	--link-parallel-color: var(--bs-primary-rgb);
	--link-parallel-hover-color: var(--bs-primary);
	--link-parallel-weight: var(--bs-body-font-weight);
	--link-parallel-decoration: none;
	--link-parallel-hover-decoration: underline;
	
	--nav-font-family: 'Open Sans',  sans-serif;
	--nav-font-weight: 300;
	
	--nav-link-font-family: 'Open Sans',  sans-serif;
	--nav-link-font-weight: normal;
	--nav-link-color: var(--bs-white);
	--nav-link-hover-font-weight: normal;
	--nav-link-hover-color: var(--bs-white);
	--nav-link-active-font-weight: bold;
	--nav-link-active-color: var(--bs-white);
	--nav-link-show-font-weight: normal;
	--nav-link-show-color: var(--bs-white);
	
	--nav-link-affix-font-weight: var(--nav-link-font-weight);
	--nav-link-affix-color: var(--nav-link-color);
	--nav-link-affix-hover-font-weight: var(--nav-link-hover-font-weight);
	--nav-link-affix-hover-color: var(--nav-link-hover-color);
	--nav-link-affix-active-font-weight: var(--nav-link-active-font-weight);
	--nav-link-affix-active-color: var(--nav-link-active-color);
	--nav-link-affix-show-font-weight: var(--nav-link-show-font-weight);
	--nav-link-affix-show-color: var(--nav-link-show-color);
	
	--dropdown-font-family: 'Open Sans',  sans-serif;
	--dropdown-font-weight: normal;
	--dropdown-color: var(--bs-body-color);
	--dropdown-bg: rgba(var(--bs-gray-rgb), 0);
	--dropdown-hover-font-weight: normal;
	--dropdown-hover-color: var(--bs-primary);
	--dropdown-hover-bg: rgba(var(--bs-gray-rgb), .2);
	--dropdown-active-font-weight: bold;
	--dropdown-active-color: var(--bs-primary);
	--dropdown-active-bg: rgba(var(--bs-gray-rgb), 0);
	
	--list-padding-t: .4em;
	--list-padding-b: .4em;
	--list-margin-b: 0;
	--list-symbol-color: var(--bs-primary);
	--list-symbol-hover-color: var(--bs-primary-dark);
	--list-symbol-active-color: var(--bs-accent);
	--list-symbol: '\F0DA';
	--list-symbol-font-family: "FontAwesome";
	--list-symbol-font-weight: normal;
	--list-border-color: var(--bs-gray-400);
	--list-border-width: 1px;
	
	--form-control-bg:  #f9f9fb;
	--form-color: rgba(0,0,0, 1) !important;
	--form-color-rgb: rgba(0,0,0, .5) !important;
	--form-bg: rgba(var(--bs-gray-light-rgb), .7);
	--form2-bg: rgba(var(--bs-primary-rgb), .2);

	--bs-border-radius: 0;
	--bs-border-color: var(--bs-gray-400);	
	--bs-border-width: 1px;
	--bs-border-radius-img: 4px;
	--bs-border-radius-img-aside: 3px;
	
	--bs-box-shadow: 0 .3rem .8rem rgba(0, 0, 0, 0.25);
	--bs-box-shadow-sm: 0 .15rem .4rem rgba(0, 0, 0, 0.25);
	--bs-box-shadow-lg: 0 1rem 2.25rem rgba(0, 0, 0, 0.3);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.25);
	
	--form-control-bg:  #f9f9fb;
	--form-color: rgba(0,0,0, 1) !important;
	--form-color-rgb: rgba(0,0,0, .5) !important;
	--form-bg: rgba(var(--bs-gray-light-rgb), .7);
	--form2-bg: rgba(var(--bs-primary-rgb), .2);
	
	--muted: 'Montserrat',  sans-serif;
	
	--gradient-1: linear-gradient(0deg, rgba(var(--bs-primary-rgb), 1), rgba(var(--bs-secondary-rgb), 1));
	--gradient-2: linear-gradient(45deg, rgba(var(--bs-primary-rgb), 1), rgba(var(--bs-secondary-rgb), 1));
	--gradient-3: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 1), rgba(var(--bs-secondary-rgb), 1));
	--gradient-4: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 1), rgba(var(--bs-secondary-rgb), 1));
	--gradient-5: linear-gradient(270deg, rgba(var(--bs-primary-rgb), 1), rgba(var(--bs-secondary-rgb), 1));
	--gradient-6: linear-gradient(360deg, rgba(var(--bs-primary-rgb), 1) 30%, rgba(var(--bs-secondary-rgb), 1) 80%, rgba(var(--bs-secondary-rgb), 1) 100%);

}

@media (max-width: 767px) {
	:root,
	[data-bs-theme=light] {
		--nav-link-color: var(--bs-dark);
		--nav-link-hover-color: var(--bs-dark);
		--nav-link-active-color: var(--bs-primary);
		--nav-link-show-color: var(--bs-dark);
	}
}


[data-bs-theme=primary] > *  {
	--bs-heading-color: rgba(var(--bs-white-rgb), 1) !important;
	--bs-primary: var(--bs-dark) !important;
	--bs-primary-rgb: var(--bs-dark-rgb) !important;
	--bs-secondary: rgba(var(--bs-dark-rgb), .7) !important;
	--bs-secondary-rgb: rgba(var(--bs-dark-rgb), .7) !important;
	}
[data-bs-theme=primary] > * {
	--list-symbol-color: var(--bs-primary) !important;
	}	
[data-bs-theme=primary] .text-primary,
[data-bs-theme=primary] a.text-primary,		
[data-bs-theme=primary] a.text-primary:hover { 
	color: var(--bs-dark) !important;
	}
[data-bs-theme=primary] .text-secondary,
[data-bs-theme=primary] a.text-secondary,		
[data-bs-theme=primary] a.text-secondary:hover { 
	color: rgba(var(--bs-dark-rgb), .7) !important;
	}	
[data-bs-theme=primary] h3,
[data-bs-theme=primary] .h3 { 
	color: var(--bs-black);
	}



[data-bs-theme=secondary] > *  {
	--bs-heading-color: rgba(var(--bs-primary-light-rgb), 1) !important;
	--bs-primary: var(--bs-primary-light) !important;
	--bs-primary-rgb: var(--bs-primary-light-rgb) !important;
	--bs-secondary: rgba(var(--bs-primary-light-rgb), .7) !important;
	--bs-secondary-rgb: rgba(var(--bs-primary-light-rgb), .7) !important;
	}
[data-bs-theme=secondary] .text-primary,
[data-bs-theme=secondary] a.text-primary,		
[data-bs-theme=secondary] a.text-primary:hover { 
	color: var(--bs-primary-light) !important;
	}
[data-bs-theme=secondary] .text-secondary,	
[data-bs-theme=secondary] a.text-secondary,		
[data-bs-theme=secondary] a.text-secondary:hover { 
	color: rgba(var(--bs-primary-light-rgb), .7) !important;
	}	



[data-bs-theme=dark] > *  {
	--bs-heading-color: rgba(var(--bs-white-rgb), 1) !important;
	}	
[data-bs-theme=dark] .btn-primary {
	color: rgba(var(--bs-white-rgb), 1) !important
	}
	[data-bs-theme=dark] .btn-primary:hover {
	color: rgba(var(--bs-white-rgb), .7) !important
	}

[data-bs-theme=dark] .btn-default {
	background: rgba(var(--bs-gray-rgb), .5) !important;
	border-color: rgba(var(--bs-gray-dark-rgb), 0) !important;
	color: var(--bs-black) !important
	}
	[data-bs-theme=dark] .btn-default:hover {
	background: rgba(var(--bs-gray-rgb), .8) !important;
	border-color: rgba(var(--bs-gray-dark-rgb), .8) !important;
	color: rgba(var(--bs-white-rgb), 1) !important
	}
[data-bs-theme=dark] h3,
[data-bs-theme=dark] .h3 { 
	color: var(--bs-primary);
	}	






/*--------------------------------------------------------------
# Aufbau
--------------------------------------------------------------*/
body.start 	{ }
body 		{ }	
	
main 							{ padding: 110px 0; }
.start main > section			{ padding: 90px 0; }
main .container 				{  }	

.start main > section .btn-mehr { top: 90px;}

@media (max-width: 1200px) {
	main 							{ padding: 80px 0; }
	.start main > section			{ padding: 80px 0; }
	main .container 				{ max-width: calc(100% - 60px) }	
	
	.start main > section .btn-mehr { top:80px;}
}	
@media (max-width: 992px) {
	main 							{ padding: 70px 0; }
	.start main > section			{ padding: 70px 0; }
	main .container 				{ }
	
	.start main > section .btn-mehr { top:50px;}
}
@media (max-width: 767px) {
	body							{ padding-top: 115px } /* Höhe .topbar + .markenlogos# */
	main							{ padding: 50px 0; }
	.start main > section			{ padding: 50px 0; }
	main .container 				{ max-width: calc(100% - 40px) }
	
	main .content 					{ margin-bottom: 40px }
}	
@media (max-width: 480px) {
	body							{ padding-top: 100px } /* Höhe .topbar + .markenlogos# */
	main							{ padding: 40px 0; }
	.start main > section			{ padding: 40px 0; }
	main .container 				{ max-width: calc(100% - 20px) }
}	




/*--------------------------------------------------------------
# Effekte
--------------------------------------------------------------*/
.parallax.dark::after 		{ background: rgba(var(--bs-dark-rgb), .5); }





/*--------------------------------------------------------------
# Menu / Nav
--------------------------------------------------------------*/
.navbar {
border-top: 7px solid var(--bs-black);
background: var(--bs-white);
box-shadow: var(--bs-box-shadow);
	
}	

@media (min-width: 768px) {
.navbar.navbar-expand-md {
	flex-direction: column; 
	align-items: stretch;
	}
	
.navbar.affix {
	animation: slideDownFade .5s ease forwards;
	}
	@keyframes slideDownFade {
	0% {	transform: translateY(-100%); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
	}
		
}

	
		
.topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 5px 0 13px 0
	}
	@media (min-width: 768px) 	{ 
		.navbar.affix .topbar { padding: 0 0 5px 0 }
	}
	@media (max-width: 767px) 	{ 
		.topbar {
		height: 60px;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 !important;
		padding: 0 !important;
		}
	}	
	
	

.navbar-brand {
	transition: all 0.3s ease;
	}
	.navbar-brand img {
	height: 55px;
	width: auto;
	object-fit: contain;
	}
	@media (min-width: 768px) 	{ .navbar-brand img { height: 40px; }
	}
	@media (min-width: 992px) 	{ .navbar-brand img { height: 50px; }
	}
	@media (min-width: 1200px) 	{ .navbar-brand img { height: 60px; }
	}	
	
	@media (min-width: 768px) 	{ 
		.navbar.affix .navbar-brand img { height: 40px; }
	}
	
	@media (max-width: 767px) 	{ 
		.navbar-brand {
		z-index: 1000;
		display: inline-block;
		height: 72px;
		margin: -6px 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.5);
		background: linear-gradient(180deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 65%, rgba(221, 221, 221, 1) 100%);	
		}	
		.navbar-brand img {
		height: 65px;
		padding: 9px
		}
		.navbar-brand:hover {
		transform: translateY(-5%);
		transition: transform 0.3s ease;
		}
	}
	@media (max-width: 480px) 	{ 
		.navbar-brand img {
		height: 55px;
		transform: translateY(5px);
		}
	}	
		
	
	
	
.topbar-infos {
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	color: var(--bs-black);
	font-weight: 600;
	font-size: 95%;
	white-space: nowrap;
	}
	.topbar-infos a {
	color: var(--bs-black);
	font-weight: 600;
	text-decoration: none
	}
	.topbar-infos a:hover {
	color: var(--bs-primary) !important;
	text-decoration: none
	}
	.topbar-infos i {
	color: var(--bs-primary) !important;
	margin-right: .4em 
	}
	@media (min-width: 768px) 	{ .topbar-infos { margin: 0 20px 0 10px; font-size: 75%; }
	}
	@media (min-width: 992px) 	{ .topbar-infos { margin: 0 30px 0 15px; font-size: 90%; }
	}
	@media (min-width: 1200px) 	{ .topbar-infos { margin: 0 50px 0 15px; font-size: 95%; gap: 3px }
	}	
	@media (min-width: 1400px) 	{ .topbar-infos { margin: 0 70px 0 50px; }
	}	
	
	@media (max-width: 767px) 	{ 
		.topbar-infos {
			display: inline; 
			height: 60px;   
			}
		.topbar-infos a { 
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			height: 60px;
			width: 60px;
			top: 0;
			left: 0;
			transition: .2s ease-in-out;
			}	
		.topbar-infos a.hotline 		{ margin-left: 61px }
			
		.topbar-infos a:hover {
			background: var(--bs-primary);
			text-decoration: none !important
			}
		.topbar-infos a i {
			font-size: 22px;
			color: rgba(var(--bs-white-rgb), .7) !important;
			}
		.topbar-infos a:hover i {
			color: rgba(var(--bs-white-rgb), 1) !important;
			}
		.topbar-infos i {
			margin-right: 0
			}	
	}
	@media (max-width: 480px) 	{ 
		.topbar-infos a { 
			width: 55px;
			}	
		.topbar-infos a.hotline 		{ margin-left: 56px }
		
	}
	
	
	
	.standortkarte {
		position: absolute;
		z-index: -1;
		top: 118px;
		background: var(--gradient-3);
		box-shadow: var(--bs-box-shadow);
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		}
		.standortkarte img {
		width: 100%;   
		object-fit: cover;
		}
		.standortkarte .btn-standorte {
		position: absolute;
		z-index: 200;
		bottom: 25px;
		left: 25px;
		box-shadow: var(--bs-box-shadow-sm)
		}
		.standortkarte .btn-standorte:hover {
		background: var(--bs-primary-dark);
		border-color: rgba(var(--bs-black-rgb), .05)
		}
		.standortkarte .btn-standorte:hover i {
		color: rgba(var(--bs-primary-rgb), 1) !important
		}
		.standortkarte .btn-close {
		position: absolute;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		z-index: 200;
		top: 10px;
		right: 10px;
		transition: .3s;
		border-radius: 0;
		padding: 0;
		width: 45px;
		height: 45px;
		font-size: 45px;
		opacity: 1;
		background: var(--bs-white);
		box-shadow: var(--bs-box-shadow-sm);
		border: 1px solid var(--bs-border-color)
		}
		.standortkarte .btn-close i {
		color: var(--bs-black);
		}
		.standortkarte .btn-close:hover {
		background: var(--bs-white) !important;
		border-color: rgba(var(--bs-black-rgb),.5);
		box-shadow: var(--bs-box-shadow);
		opacity: 1;
		}
		.standortkarte .btn-close:hover i {
		color: var(--bs-primary)
		}
		
		.standortkarte .btn-close:hover {
		background-color: var(--bs-primary);
		}
		
		@media (min-width: 768px) 	{	
			.navbar.affix .standortkarte { 
				top: 85px; 
				}
		}
		@media (max-width: 1200px) 	{ 
			.standortkarte { 
				top: 108px; 
				}
			.standortkarte .btn-close {
				top: 30px;
				width: 35px;
				height: 35px;
				font-size: 35px
				}
		}
		@media (max-width: 992px) 	{ 
			.standortkarte { 
				top: 100px; 
				}
		}	
		@media (max-width: 767px) 	{
			 .standortkarte {
				 top: 60px;
				 z-index: 1;
				 text-align: center;
				 display: flex;
				 justify-content: center
			   }
			   .standortkarte img {
				height: 350px; 
				width: auto; 
				}
			   .standortkarte .btn-standorte {
				top: 15px;
				bottom: auto;
				left: 15px;
				}
			.standortkarte .btn-close {
				top: 10px;
				right: 10px;
				}	
		}	
		@media (max-width: 480px) 	{
			 .standortkarte img { height: 280px; }
			 
			 .standortkarte .btn-standorte {
				padding: .1em .5em;
				top: 12px;
				left: 5px
				}
		}	
		@media (max-width: 380px) 	{
			 .standortkarte img { height: 240px; }
		}
		
		
		
		
.markenlogos { 
	transition: all 0.3s ease;
	display: flex; 
	flex-grow: 1;
	justify-content: space-evenly;
	justify-content: flex-end;
	align-items: center;
	gap: 0; 
	}	
	.marke { 
	-webkit-overflow-scrolling: touch;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 100%;
	width: 100%;
	}
	.marke::before {
		display: block;
		content: "";
		padding-top: 60%; /* ratio */
		}
	.marke img { 
		filter: grayscale(1) brightness(.5);
		object-fit: contain;
		opacity: .5;
		transform: scale(1.0);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}	
	#active.marke img { 
		/*top: -5px; 
		left: -5px;
		width: calc(100% + 10px); height: calc(100% + 10px);*/
		}			
	.marke:hover img,
	.marke#active img { 
		transition: .3s;
		object-fit: contain;
		filter: grayscale(0) brightness(1);
		transform: scale(1.1);
		opacity: 1
		}
	
	@media (max-width: 992px) 	{ 
		.marke::before {
		padding-top: 65%; /* ratio */
		}	
		}
	@media (max-width: 767px) 	{ 
		.markenlogos {
		height: 55px;
		flex: 1 1 100%;
		justify-content: center;
		align-items: center;
		gap: 2px;
		background: var(--bs-white);
		box-shadow: var(--bs-box-shadow);
		}
		/*.marke {
		justify-content: center;
		}*/
		.marke img { 
		filter: grayscale(1) brightness(1);
		opacity: .75;
		top: 10%; left: 10%;
		width: 80%; height: 80%
		}
		#active.marke img { 
		/*top: 5%; left: 5%;
		width: 90%; height: 90%;*/
		}	
		
		.navbar.affix .markenlogos {
		z-index: -1;
		transform: translateY(-200%);
		transition: transform 0.3s ease;
		}
	}
	@media (max-width: 480px) 	{ 
		.markenlogos {
		height: 40px;
		}
		.marke img { 
		top: 9%; left: 9%;
		width: 82%; height: 82%
		}	
	}



.brand { 
	filter: grayscale(1) brightness(.5);
	opacity: .5;
	width: auto;
	max-height: 50px;
	max-width: 100px
	}			
.card:hover .brand { 
	transition: .3s;
	filter: grayscale(0) brightness(1);
	opacity: 1
	}
	
	
	


@media (min-width: 768px) {
	.navbar .navbar-wrap {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		align-items: stretch;
		background: var(--bs-primary);
		box-shadow: var(--bs-box-shadow);
		margin-bottom: -30px;
		}
	.navbar .navbar-wrap .navbar-nav {
		flex: 1;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin: 0;
		}
	.navbar .navbar-wrap .navbar-nav .nav-item {
		flex: 1;
		text-align: center;
		border-right: 1px solid var(--bs-primary-light);
		}
	.navbar .nav-link {
		position: relative;
		text-transform: uppercase;
		display: inline-block;
		padding: .7rem 1rem;
		width: 100%;
		}
		.navbar .nav-link:hover {
		background: var(--bs-primary-dark)
		}
		.navbar .nav-link#active {
		background: var(--bs-primary-dark)
		}
		.navbar .nav-link::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: calc(100% - 2px);
		background: var(--bs-primary-dark);
		transform: translateY(-50%) scaleY(1);
		transition: transform 0.3s ease;
		z-index: -1;
		}
		.navbar .nav-link:hover::before {
		transform: translateY(-50%) scaleY(1.25);
		}
	

	.navbar .nav-link.dropdown-toggle::after {
		border: none;
		content: "\f282";
		font-family: "bootstrap-icons";
		font-weight: normal !important;
		vertical-align: middle;
		color: rgba(var(--bs-white-rgb), .5);
		display: block;
		clear:both;
		position: absolute;
		font-size: 10px;
		margin-left: calc(50% - 10px);
		margin-top: -8px
		}
	}		



@media (min-width: 768px) {
	.navbar .dropdown-menu {
		--bs-dropdown-link-hover-bg: rgba(var(--bs-light-rgb), 0.2);
		--bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), .3);
		background: var(--bs-white)
		}
	.navbar .dropdown-menu li {
		border-bottom: 1px solid var(--bs-border-color);
		}
	.navbar .dropdown-menu li:last-child {
		border-bottom: none
		}		
	.navbar .dropdown-item {
		padding: .3em 1em;
		font-size: 95%
		}
}	



@media (max-width: 767px) {
	.navbar {
		border: none !important;
		padding: 0 !important;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		}
	.navbar.affix {
		box-shadow: var(--bs-box-shadow);
		}
	.navbar :is(.container, [class^="container-"]) {
		padding: 0;
		background: var(--bs-dark);
		}
	
		
	.navbar-toggler {
		width: 60px;
		height: 60px;
		background: none;
		padding-bottom: 14px;
		}
		.navbar-toggler:hover {
		background: var(--bs-primary)
		}
		.navbar-toggler[aria-expanded="true"] {
		  background: var(--bs-primary);
		}
		.navbar-toggler[aria-expanded="true"]:hover {
		  background: rgba(var(--bs-primary-rgb), .8);
		}
		.navbar-toggler span {
		display: inline-block !important;
		color: var(--bs-white);
		font-size: 10px;
		font-weight: 600;
		text-transform: uppercase;
		}
		.navbar-toggler i {	
		top: -2px;
		}
		.navbar-toggler i::before 		{ top: -7px; }
		.navbar-toggler i::after 		{ bottom: -7px; }
		.navbar-toggler i::before:hover { top: -8px; }
		.navbar-toggler i::after:hover 	{ bottom: -8px; }
	
	
	.navbar .navbar-wrap {
		width: 100%;
		}
	.navbar-collapse {
		margin-top: 55px; /* Höhe .markenlogos */
		background: var(--bs-white);
		padding: 15px 30px;
		width: 100%;
		z-index: 1000;
		box-shadow: var(--bs-box-shadow);
		overflow-x: auto
		}	
		.navbar.affix .navbar-collapse {
		margin-top: 0;
		transition: .3s ease;
		}
		.navbar .navbar-nav {
		}
		.navbar .navbar-nav .nav-item {
		display: block;
		width: 100%;
		text-align: left;
		border-right: none;
		border-bottom: 1px solid rgba(var(--bs-black-rgb), 0.2);
		background: none
		}
		.navbar .navbar-nav .nav-item:last-child {
		border: none
		}
		.navbar .nav-link {
		text-transform: uppercase;
		padding: .85rem .5rem;
		letter-spacing: .02em
		}
		.navbar .nav-link:hover{
		background: rgba(var(--bs-primary-rgb), .07);
		}
		
		.navbar .nav-link.dropdown-toggle::after {
		border: none;
		content: "\f282";
		font-family: "bootstrap-icons";
		font-weight: normal !important;
		vertical-align: middle;
		color: rgba(var(--bs-black-rgb), .5);
		display: inline-block;
		position: absolute;
		font-size: 15px;
		float: right;
		right: 0;
		margin-right: .5rem
		}
		.navbar .nav-link.dropdown-toggle.show::after {
		color: rgba(var(--bs-primary-rgb), .8);
		transform: rotate(180deg);
		transition: transform .3s ease;
		}
		.navbar .nav-link.dropdown-toggle.show,
		.navbar .dropdown-menu.show {
		background: rgba(var(--bs-gray-light-rgb), .35)
		}
		
	.navbar .dropdown-menu {
		background: none;
		border: none;
		box-shadow: none;
		padding: 0 20px 10px 20px;
		}
		.navbar .dropdown-menu li  {
		padding: .2rem .3rem;
		}
		
}
@media (max-width: 767px) {	
	.navbar-collapse {
	margin-top: 40px; /* Höhe .markenlogos */
	}	
}	




/*--------------------------------------------------------------
# SUCHE / SEARCH
--------------------------------------------------------------*/
.search-form {
	display: flex;
	align-items: center;
	transition: width .4s ease;
	width: 45px;
	background-color: var(--bs-primary);
	border-left: 1px solid var(--bs-primary-light);
	}
	.search-form:focus-within {
	width: 240px;
	margin-left: 3px
	}
.search-input {
	flex: 1 1 auto; /* füllt Breite, passt sich an */
	border: none;
	outline: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	height: calc(100% - 6px);
	width: calc(100% - 6px);
	background: var(--bs-white) !important
	}
	.search-form:focus-within .search-input {
	outline: none;
	box-shadow: none;
	padding-left: 7px;
	padding-right: 7px;
	}
.search-icon {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	flex-shrink: 0;
	height: 100%;
	aspect-ratio: 1/1;
	background: var(--bs-primary);
	color: rgba(var(--bs-white-rgb), .7);
	font-size: 17px;
	margin: 0 !important
	}
	.search-form:hover .search-icon {
	color: var(--bs-white);
	background: var(--bs-primary-dark);
	}
	
		
@media (min-width: 768px) and (max-width: 992px) 	{ 
	.navbar-nav {
	height: 44px;
	margin-right: 44px !important;
	}
	.search-form {
	position: absolute;
	right: calc(var(--bs-gutter-x) * 0.5);
	height: 44px;
	width: 44px;
	}	
	.search-form:focus-within {
	width: 200px;
	padding-left: 3px;
	}		
}

@media (max-width: 767px) 	{ 
	.search-form {
		position: fixed;
		top: 0;
		right: 61px;
		height: 60px;
		width: 60px;
		background: none;
		border: none;
		z-index: 10
		}
	.search-form:focus-within {
		width: calc(100% - 61px);
		background: var(--bs-primary);
		z-index: 1000;
		padding-left: 3px;
		}	
	.search-form .search-icon {
		color: rgba(var(--bs-white-rgb), .7);
		font-size: 21px;
		background: none;
		transition: .2s ease-in-out
		}	
	.search-form .search-icon:hover {
		background: var(--bs-primary)
		}
}
	
	
/*--------------------------------------------------------------
# Pagetop
--------------------------------------------------------------*/
@media (max-width: 767px) {
	.back-to-top {
		right: 0;
		bottom: 35px
	}
}	
	
	
	

/* --------- QUICKLINKS / Socialmedia
================================================== */
.social-icons {
	position: fixed;
	z-index: 2000;
	top: 45%;
	right: 2px;
	display: flex;
	flex-direction: column;
	gap: 3px;
	transition: .3s
	}
		
.social-icons a {
	transition: .2s;
	width: 32px;
	height: 32px;
	font-size: 20px;
	}
	.social-icons a.facebook 	{ background: #1877F2 }
	.social-icons a.youtube 	{ background: #FF0000 }
	.social-icons a.instagram 	{ background: #833AB4 }
	
.social-icons a:hover {
	margin-left: -5px !important;
	box-shadow: 0 0 0 1em rgba(0, 0, 0, .2) inset
	}
	
@media (max-width: 992px) {
.social-icons {
	top: auto;
	bottom: 200px
	}
}		

/* --------- end QUICKLINKS / STICKY RAND -------- */
	








/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
	background: var(--bs-dark);
	color: rgba(var(--bs-white-rgb), .7) !important;
	text-align: center;
}
footer,
footer p,
footer a {
	color: rgba(var(--bs-white-rgb), .7) !important;
	text-decoration: none
	}
footer a:hover {
	color: var(--bs-white) !important;
	text-decoration: underline
	}	

footer h2,
footer h2 a {
	color: var(--bs-white) !important;
	text-transform: uppercase;
	letter-spacing:.03em;
	font-weight: bold
	}
	footer h2 a:hover {
	color: var(--bs-primary) !important;
	text-decoration: none !important
	}
	footer h2 i {
	color: var(--bs-primary);
	}			 

footer li,
footer li a { 
	color: rgba(var(--bs-white-rgb), .65);
	text-decoration: none !important;
	white-space: nowrap
	}
	footer li a:hover { 
	color: var(--bs-white) !important;
	text-decoration: underline !important
	}	
	footer ul li { 
	display: inline;
	clear: none;
	border: none;
	margin-right: 14px;
	line-height: 1.6em
	}
	footer ul li:last-child { 
	padding: 0;
	margin: 0;
	border-right: none !important
	}
	footer ul li::after {
	content: "/";
	position: relative;
	top: 2px;
	margin-left: 7px;
	margin-right: -12px;
	color: var(--bs-primary);
	font-size: 130%
	}
	footer ul li:last-child::after { 
	display: none
	}	 

		  
	
footer .btn {
	}
footer .btn:hover {
	}					

footer .btn.btn-default {
	}
footer .btn.btn-default i {
	}
footer .btn.btn-default:hover {
	}
footer .btn.btn-default:hover i {
	}

footer .btn.btn-primary {
	background: rgba(var(--bs-primary-rgb), .8);	
	border-color: rgba(var(--bs-primary-rgb), 0);	
	color: rgba(var(--bs-white-rgb), .8) !important
	}
footer .btn.btn-primary:hover {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
	color: var(--bs-white) !important
	}

.footer-info {
	}	
	
	
	
.footer-bottom {
	}






/*--------------------------------------------------------------
# Typografie
--------------------------------------------------------------	*/
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	font-weight: bold
	}
h1:not(.title):not(.highlight-title) { 
	font-size: clamp(1.75rem, 1.15rem + 1.8vw, 3rem);
	line-height: 1.25; 
	text-align: left;
	text-transform: none;
	letter-spacing: 0
	}
h1:not(.title):not(.highlight-title)::before {
	left: 0;
	transform: none
	}	
h3,h4,h5,h6,	
.h3,.h4,.h5,.h6 {
	font-weight:600
	}
h3,.h3 {
	color: var(--bs-dark);
	}		
aside h2,
aside .h2 {
	text-transform: uppercase !important;
	color: var(--bs-black) !important;
	margin-bottom: .75em
	}

a:hover {
	text-decoration: underline !important;
	}
	
	

/*--------------------------------------------------------------
# Title + H1 C-Page + H1 C-Container
--------------------------------------------------------------	*/		
.title,
h1:not(.title):not(.highlight-title),
#c-page > h1:not(:is(.c-row *)), /* H1 Page */
#c-page .c-row h1:not(.c-element *) /* H1 Container */ {
	display: flex;
	align-items: center;
	text-align: center;         
	position: relative;
	text-transform: uppercase;
	letter-spacing: .01em;
	color: var(--bs-black);
	font-weight: bold !important;
	display: block;
	margin: 0 auto 1em auto;
	padding-top: 20px;
	hyphens: none !important;
	-webkit-hyphens: none !important;
	-ms-hyphens: none !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
	}
	#c-page > h1:not(:is(.c-row *)), /* H1 Page */
	#c-page .c-row h1:not(.c-element *) /* H1 Container */ { 
		padding-bottom: calc(var(--c-page-gap) * .5) !important;
		}
	#c-page > h1:not(:is(.c-row *)) { 
		padding-bottom: 0 !important;
		}
	@media (max-width: 992px) {
		#c-page .c-row h1:not(.c-element *)	{ padding-bottom: calc(var(--c-page-gap) * .25) !important; }
		}
	@media (max-width: 767px) {
		#c-page .c-row h1:not(.c-element *)	{ padding-bottom: calc(var(--c-page-gap) * .5) !important; }
		}		
	@media (max-width: 575px) {
		#c-page .c-row h1:not(.c-element *)	{ padding-bottom: calc(var(--c-page-gap) * .75) !important; }
		}	
	.title::before,
	h1:not(.title):not(.highlight-title)::before,
	#c-page > h1:not(:is(.c-row *))::before /* H1 Page */,
	#c-page .c-row h1:not(.c-element *)::before /* H1 Container */ {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 20%;
		background-color: var(--bs-primary);
		height: 7px;
		top: 0;
		margin-left: 0 !important
		}	
		@media (max-width: 992px) 	{ 
			.title::before,
			h1:not(.title):not(.highlight-title)::before,
			#c-page > h1:not(:is(.c-row *))::before /* H1 Page */,
			#c-page .c-row h1:not(.c-element *)::before /* H1 Container */ {
				height: 5px;
				}
		}
		@media (max-width: 575px) 	{ 
			.title,
			h1:not(.title):not(.highlight-title),
			#c-page > h1:not(:is(.c-row *)), /* H1 Page */
			#c-page .c-row h1:not(.c-element *) /* H1 Container */ {
				hyphens: auto !important;
				-webkit-hyphens: auto !important;
				-moz-hyphens: auto !important;
				-ms-hyphens: auto !important;
				}
		}
		
		
h1.title,
#c-page > h1:not(:is(.c-row *)), /* H1 Page */
#c-page .c-row h1:not(.c-element *) /* H1 Container */ { 
	font-weight: 600;
	max-width: 1040px;
	}	
	aside .title { 
		margin-left: 0; 
		margin-right: 0; 
		text-align: left;
		padding-top: 13px
		}
	aside .title::before { 
		transform: none;
		left: 0;
		height: 5px;
		}

.title sub,
h1 sub {
	margin-top: -.2em
	}	
	
.title.text-center::before	{ left: 50%; transform: translateX(-50%); }	
.title.text-start::before 	{ left: 0; transform: none }
.title.text-end::before		{ left: auto; right: 0; transform: none }	
@media (min-width: 575px) {
	.title.text-sm-center::before	{ left: 50%; transform: translateX(-50%); }	
	.title.text-sm-start::before	{ left: 0; transform: none }	
	.title.text-sm-end::before		{ left: auto; right: 0; transform: none }	
}
@media (min-width: 768px) {
	.title.text-md-center::before	{ left: 50%; transform: translateX(-50%); }	
	.title.text-md-start::before 	{ left: 0; transform: none }	
	.title.text-md-end::before		{ left: auto; right: 0; transform: none }	
}
@media (min-width: 992px) {	
	.title.text-lg-center::before	{ left: 50%; transform: translateX(-50%); }	
	.title.text-lg-start::before	{ left: 0; transform: none }	
	.title.text-lg-end::before 		{ left: auto; right: 0; transform: none }	
}
	
.topline {
	color: var(--bs-primary);
	font-weight: 600 !important;
	letter-spacing: .01em;
	margin-bottom: .3em;
	font-size: 13.5pt !important;
	}
	@media (max-width: 1200px) 	{ .topline { font-size: 13pt !important } } 	
	@media (max-width: 992px) 	{ .topline { font-size: 12.5pt !important } }	
	@media (max-width: 767px) 	{ .topline { font-size: 12pt !important } }	
		
	.title .topline,
	h1 .topline {
	text-transform: uppercase;
	}		

	
a.title-mehr {
	margin-right: -35px;
	width: 35px
	}	
	a.title-mehr i {
	color: var(--bs-black);
	font-size: 85%;
	}
	a.title-mehr:hover i {
	color: var(--bs-primary)
	}	




	
	
	

/*--------------------------------------------------------------
# Wrapper-link
--------------------------------------------------------------*/
.wrapper-link article :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) {
	color: var(--bs-black);
	text-decoration: none !important
}
.wrapper-link:hover article :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) {
	color: var(--bs-black);
}
.wrapper-link article :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6):hover {
	color: var(--bs-primary);
}




/*--------------------------------------------------------------
# Highlight / Carousel
--------------------------------------------------------------*/	
#highlight { 
	background: var(--bs-dark)
    }	
	
#highlight.ratio		{ aspect-ratio: 21 / 6 !important; max-height: 1000px !important  }	
@media (max-width: 992px) {
	#highlight.ratio	{ aspect-ratio: 21 / 9 !important; margin-top: 0;  }
	}

.carousel-item::after {
	background: none;
	}
.carousel-img {
	-webkit-animation-name:carousel-zoom;
	animation-name:carousel-zoom;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}


.carousel-item a.stretched-link { 
	}
	.carousel-item a.stretched-link:hover .carousel-img 					{  opacity: .9; }
	
	.carousel-item .caption-content											{ background: rgba(var(--bs-white-rgb), 0) !important;  }
	.carousel-item a.stretched-link .caption-content						{ background: rgba(var(--bs-white-rgb), 0) !important; }
	.carousel-item a.stretched-link:hover .caption-content 					{ background: rgba(var(--bs-white-rgb), 0) !important; box-shadow: none !important}
	.carousel-item a.stretched-link:hover .caption-content:hover			{ background: rgba(var(--bs-white-rgb), 0) !important; box-shadow: none !important}
			
	.carousel-item .highlight-title 										{ background: rgba(var(--bs-white-rgb), .8) !important; color: var(--bs-black) !important;}
	.carousel-item a.stretched-link .highlight-title 						{ background: rgba(var(--bs-white-rgb), .8) !important; color: var(--bs-black ) !important;}
	.carousel-item a.stretched-link:hover .highlight-title 					{ background: rgba(var(--bs-white-rgb), 1) !important; color: var(--bs-black ) !important;}
	.carousel-item a.stretched-link .caption-content:hover .highlight-title	{ background: rgba(var(--bs-white-rgb), 1) !important; color: rgba(var(--bs-black-rgb), 1) !important }
	.carousel-item a.stretched-link:hover .highlight-title:hover 			{ background: rgba(var(--bs-white-rgb), 1) !important; color: rgba(var(--bs-black-rgb), 1) !important; }
			
	.carousel-item .lead 													{ background: rgba(var(--bs-white-rgb), .8) !important; color: var(--bs-black) !important;}
	.carousel-item a.stretched-link .lead 									{ background: rgba(var(--bs-white-rgb), .8) !important; color: var(--bs-black) !important;}
	.carousel-item a.stretched-link:hover .lead 							{ background: rgba(var(--bs-white-rgb), 1) !important; color: var(--bs-black ) !important;}
	.carousel-item a.stretched-link .caption-content:hover .lead			{ background: rgba(var(--bs-white-rgb), 1) !important; color: rgba(var(--bs-black-rgb), 1) !important; }
	.carousel-item a.stretched-link:hover .lead:hover 						{ background: rgba(var(--bs-white-rgb), 1) !important; color: rgba(var(--bs-black-rgb), 1) !important; }


.carousel-caption  {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 70px;
	padding-bottom: 30px;
	margin-left: -3px !important;	
	}
.carousel-caption .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-content: flex-start;
	padding-left: 15px;
	margin-bottom: 0 !important;
	}
.carousel-caption .caption-content   {
	width: auto;
	gap: 7px;
	display: flex;
	flex-direction: row;
	gap: 0;
	margin: 0; /* rechts ausrichten */
	align-items: stretch;
	min-height: 40px;
	}
	@media (max-width: 1200px) {
		.carousel-caption  {
			margin-left: 0 !important
			}
		.carousel-caption .caption-content   {
			font-size: 90%;
			}
	}
	@media (max-width: 992px) {
		.carousel-caption  {
			padding-bottom: 50px;
			padding-bottom: 30px;
			}		
	}		
	@media (max-width: 767px) {
		.carousel-caption  {
			padding-bottom: 15px;
			}
		.carousel-caption .container { 
			justify-content: center;
			}	
		.carousel-caption .caption-content   {
			min-height: 30px;
			}			
	}
	@media (max-width: 575px) {
		.carousel-caption .caption-content   {
			font-size:75%;
			}		
	}
	
	
.carousel-caption .highlight-title,
.carousel-caption .lead {
	text-align: left;
	width: auto;
	margin: auto;
	height: 100%;
	display: flex;
	align-items: center; 
	padding: 7px 15px;
	}	
	.carousel-caption .highlight-title {
		font-weight: 600;
		font-size: 150%;
		letter-spacing: 0;
		text-transform: none;
		background: var(--bs-white);
		color: var(--bs-primary) !important;
		}
	.carousel-caption .lead {
		font-weight: 500;
		font-size: 130%;
		line-height: 1.3em;
		letter-spacing: 0;
		background: var(--bs-white);
		}
	.carousel-caption .btn {
		display: flex;
		margin: auto !important;
		padding: 7px 10px;
		height: 100%;
		}
	.carousel-caption .btn:not(.caption-content .btn) { 
		margin: 0 !important /* links ausrichten */
		}
	@media (min-width: 768px) {		
		.caption-content:has(> img:first-child) > :nth-child(3):not(:last-child),
		.caption-content:not(:has(> img:first-child)) > :nth-child(2):not(:last-child),
		.caption-content:not(:has(> img:first-child)) > :nth-child(2):last-child:not(button) {
			padding-left: 0 !important
			}
	}	
	@media (max-width: 767px) {
		.carousel-caption .container { 
			justify-content: flex-start;
			padding: 0 15px !important
			}		
		/*.carousel-caption .caption-content   {
			flex-direction: column;
			min-height: auto;
			}*/
		.carousel-caption .highlight-title,
		.carousel-caption .lead {
			padding: 5px 10px !important;
			margin-left: 0
			}		
		.carousel-caption .btn,
		.carousel-caption .btn:not(.caption-content .btn) {
			margin-left: 0 !important
			}		
	}	

	
	



.carousel-indicators {
	gap: 1px;
	bottom: auto;
	top: 25px;
	right: 15px;
	margin: 0;
	width: auto;
	justify-content: end
	}
	.carousel-indicators button,
	.carousel-indicators [data-bs-target] {
		border: 1px solid rgba(var(--bs-gray-rgb),.8);
		background: var(--bs-white);
		height: 10px;
		width: 10px
	}
	.carousel-indicators button:hover,
	.carousel-indicators [data-bs-target]:hover {
		background: rgba(var(--bs-primary-rgb),.4);
		transition: .3s
		}
	.carousel-indicators button.active {
		background: rgba(var(--bs-primary-rgb),.8);
		border-color: rgba(var(--bs-black-rgb),.2);
		}
		.carousel-indicators button.active:hover {
		background: var(--bs-gray);
		border-color: var(--bs-gray);
		}
	@media (max-width: 1400px) {
		.carousel-indicators { 	top: 35px }	
	}	
	@media (max-width: 767px) {
		.carousel-indicators 	{ top: 15px; right: 10px; gap: 0 }
	}
		
		
		
.carousel-control-prev, 	
.carousel-control-next {
	background: rgba(var(--bs-dark-rgb), .15);
	}	
.carousel-control-prev:hover, 	
.carousel-control-next:hover {
	background: rgba(var(--bs-dark-rgb), .5);
	transition: .5s !important
	}
.carousel-control-prev-icon { margin-left: -3px !important }		
.carousel-control-next-icon { margin-right: -3px !important }		
	
@media (max-width: 1200px) {
	.carousel-control-prev, 	
	.carousel-control-next {
		width: 30px;
		height: 30px;
		font-size: 24px;
		}	
		.carousel:hover .carousel-control-prev 	{ left: 0; }
		.carousel:hover .carousel-control-next 	{ right: 0; }
}
@media (max-width: 575px) {
	.carousel-control-prev, 	
	.carousel-control-next {
		display: none
		}			
}		
		

/*--------------------------------------------------------------
# Fahrzeugsuche - Startseite
--------------------------------------------------------------*/	
.start .fahrzeugsuche {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 100;
	/*margin-top: -50px;*/
	margin-top: 50px
	}
	@media (max-width: 1200px) {	
		.start .fahrzeugsuche { margin-top: 30px }
	}
	@media (max-width: 992px) {	
		.start .fahrzeugsuche { /*margin-top: -30px*/}
	}
	@media (max-width: 767px) {	
		.start .fahrzeugsuche { 
			margin-top: 15px; 
			margin-left: -20px;
			margin-right: -20px;
			}
	}
	@media (max-width: 480px) {	
		.start .fahrzeugsuche { 
			margin-top: 5px;
			margin-left: -25px;
			margin-right: -25px;
			}
	}
.start .fahrzeugsuche .title {
	color: var(--bs-white);
	margin-bottom: .65em
	}
.start .fahrzeugsuche .card {
	background: var(--bs-dark);
	padding: 0 40px 5px 40px
	}
	
.fahrzeugsuche label {
	color: var(--bs-primary);
	margin-bottom: 0;
	}
	.start .fahrzeugsuche label {
	margin-bottom: 15px;
	}
	.fahrzeugsuche .form-ckeck label,
	.fahrzeugsuche .checkbox label,
	.fahrzeugsuche .form-check-label {
	color: var(--bs-body-color)
	}
	
.fahrzeugsuche fieldset .von-bis label {
	color: rgba(var(--bs-black-rgb), .4);
	font-size: 80%;
	font-weight: normal !important;
	margin: 0;
	line-height: 1em;
	height: 15px !important;
	display: inline-block;
	float: left;
	}
	.start .fahrzeugsuche fieldset .von-bis label {
	color: rgba(var(--bs-white-rgb), .4);
	margin-top: -17px !important;
	}
.fahrzeugsuche .fussnote,
.fahrzeugsuche .fussnote a {
	color: rgba(var(--bs-primary-rgb), 1);
	}
	.fahrzeugsuche .fussnote a {
	white-space: nowrap
	}	
	.fahrzeugsuche .fussnote a:hover {
	color: rgba(var(--bs-black-rgb), 1);
	}
	.start .fahrzeugsuche .fussnote a:hover {
	color: rgba(var(--bs-white-rgb), 1);
	}			
.effizenzlabel {
	width: 100px;
	float: right;
	margin: 0 0 10px 20px
	}
	.effizenzlabel img {
	width: 100%
	}
@media (max-width: 767px) {
	.start .fahrzeugsuche .card {
		padding: 0 20px 5px 20px !important;
		}
}
.fahrzeugausgabe .card {
	background: var(--form-control-bg);
	border: 1px solid var(--bs-border-color);
	box-shadow: none
}




/*--------------------------------------------------------------
# Fahrzeug lang
--------------------------------------------------------------*/
#fahrzeug .gallery-list {
	gap: 5px;
	grid-template-columns: repeat(7, 1fr);
	margin: 0
	}
	@media (max-width: 1200px) {
		#fahrzeug .gallery-list { grid-template-columns: repeat(6, 1fr);}
		}
	@media (max-width: 992px) {
		#fahrzeug .gallery-list { grid-template-columns: repeat(5, 1fr);}
		}
	@media (max-width: 575px) {
		#fahrzeug .gallery-list { grid-template-columns: repeat(4, 1fr) !important;  gap: 5px !important}
		}


#fahrzeug .gallery-list.big-pic {
	grid-template-columns: repeat(1, 1fr) !important;
	margin-bottom: 7px
	}
#fahrzeug .gallery-list.big-pic li {
	}
#fahrzeug .gallery-list.big-pic li img {
	width: 100%;
	height: 100%;
	}
#fahrzeug .gallery-list:not(.big-pic) li img {
	border-radius: var(--bs-border-radius-img-aside) !important;
	}	
#fahrzeug .gallery-list.big-pic li:hover,
#fahrzeug .gallery-list.big-pic li a:focus-visible {
	transform: scale(1);
	}
	
	
	
#fahrzeug ul.even-odd:not(aside ul) {
	column-count: 2;
	column-gap: 1rem !important; 
	}
	@media (max-width: 767px) {
		#fahrzeug ul.even-odd:not(aside ul) { column-count: 1 !important; }
		}
/* --------- end Fahrzeug lang -------- */




/*--------------------------------------------------------------
# Forms / Formulare
--------------------------------------------------------------*/	
form label {
	font-weight: 600 !important
}


.error {
	box-shadow: none;
	background: rgba(var(--bs-red-rgb), .1);
	border-top: 2px solid var(--bs-red);
	color: var(--bs-red);
	font-weight: 600
	}





/*--------------------------------------------------------------
# LISTEN
--------------------------------------------------------------*/
/* --- Anpassung Symbolbreite --- */
main ul:not(.nav-pills):not(.nav-tabs):not(.list-group):not(.filter-menu):not(.filter-items):not(.accordion-list):not(.pagination):not(.dropdown-menu):not(.gallery-list) > li,
footer ul:not(.nav-pills):not(.nav-tabs):not(.list-group):not(.filter-menu):not(.filter-items):not(.accordion-list):not(.pagination):not(.dropdown-menu) > li,
.list-group.list-group-flush > li.list-group-item,
main ul:not(.list-group.list-group-numbered.list-group-flush) > li,
.list-group:not(.list-unstyled):not(.list-group-numbered) > li:not(.list-group-item) {
	left: calc(var(--list-einschub) - 15px); /* Anpassung Symbolbreite*/
	}	
main ul:not(.nav-pills):not(.nav-tabs):not(.list-group):not(.filter-menu):not(.filter-items):not(.accordion-list):not(.pagination):not(.dropdown-menu):not(.gallery-list) > li::before,
footer ul:not(.nav-pills):not(.nav-tabs):not(.list-group):not(.filter-menu):not(.filter-items):not(.accordion-list):not(.pagination):not(.dropdown-menu) > li::before,
.list-group > li:not(.list-group-item):not(.dropdown-item)::before,
.list-group.list-group-flush > li.list-group-item::before,
main ul:not(.list-group.list-group-numbered.list-group-flush) > li::before,
.list-group:not(.list-unstyled):not(.list-group-numbered) > li:not(.list-group-item)::before {
	margin-left: calc((var(--list-einschub) - 15px) * -1);
	width: calc(var(--list-einschub) - 15px);
	}	
.list-group:not(.list-unstyled):not(.list-group-numbered) {
	margin-left: calc((var(--list-einschub) * -1) + 15px) !important;
	}
	.list-group:not(.list-unstyled):not(.list-group-numbered):not(.list-group-flush) > li.list-group-item {
	margin-left: 15px;
	}
	
.list-group-numbered > li::before {
	margin-left:  calc(var(--list-einschub) * -1);
	width: var(--list-einschub);
	}
	.list-group.list-group-numbered > li {
	padding-left: var(--list-einschub);
	}	
.list-group-numbered.list-group-flush li {
	width: calc(100% - var(--list-einschub)) !important;
	left: var(--list-einschub) !important;
	}
	.list-group-numbered.list-group-flush li::before {
	margin-left: calc(var(--list-einschub) * -1) !important;
	width: var(--list-einschub) !important;
	}	
.list-group.list-group-numbered.list-group-flush li {
	width: 100% !important
	}
	.list-group.list-group-numbered.list-group-flush li.list-group-item {
	width: calc(100% - var(--list-einschub)) !important;
	}
	.list-group.list-group-numbered.list-group-flush li::before {
	margin-left: var(--list-einschub);
	}
	.list-group.list-group-numbered.list-group-flush li.list-group-item::before {
	margin-left: calc(var(--list-einschub) * -2) !important;
	}	
li.fileicon {
	left: var(--list-einschub) !important;
	}	
/* --- end Anpassung Symbolbreite --- */
	
	
	
	
	
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn {
	border-radius: var(--bs-border-radius) !important;
	font-weight: 600;
	}
	.btn:hover {
	text-decoration: none !important
	}
.btn-absenden {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-primary-dark);
	--bs-btn-hover-border-color: var(--bs-primary-dark);
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
	--bs-btn-active-bg: var(--bs-primary-dark);
	--bs-btn-active-border-color: var(--bs-primary-dark);
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
	}		
.btn-light {
	--bs-btn-color: var(--bs-body-color);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-active-color: var(--bs-white);
	}
		
.btn-mehr {
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 15px;
	}
@media (max-width: 767px) { 
	.btn-mehr {
	position: relative;
	top: auto;
	right: auto;
	margin: 2em auto 0 auto;
	}
	.start main > section .btn-mehr {
	top: 0;
	}
}	
		
	
/* --------- CARDS
================================================================ */
.card {
	overflow: hidden;
	background: var(--bs-white);
	box-shadow: var(--bs-box-shadow);
	border: none;
	padding: 40px;
	}
aside .card {
	padding: 30px;
	}
@media (max-width: 992px) { 
	.card { padding: 30px }
	}
		
.card img.bild-top {
	display: block;
	width: 100%;
	height: auto; 
	margin-top: 0;
	}	
.card-date {
	background-color: rgba(var(--bs-dark-rgb), .3);
	background-color: rgba(var(--bs-primary-rgb), .9);
	color: var(--bs-white);
	font-weight: 500
	}








 /* --------- BILDER	
 ================================================================ */	
/* 1. Bild im Langtext 	*/	
	.card .langtext_text a:first-of-type img.bildrahmenmitte-nb:first-of-type,
	.card .langtext_text a:first-of-type img.bildrahmenmitte:first-of-type,
	.card img.bild-top {
		margin: 0 -40px 2em -40px !important;
		min-width: calc(100% + 80px) !important;
		padding: 0; 
		border: none;
		overflow: hidden
		}
		.card img.bild-top {
		margin-top: -40px !important;
		}
		img.bild-top {
		margin-top: 0 !important;
		margin-bottom: 2em !important;
		}
		@media (max-width: 767px) { 
			.card .langtext_text a:first-of-type img.bildrahmenmitte-nb:first-of-type,
			.card .langtext_text a:first-of-type img.bildrahmenmitte:first-of-type,
			.card img.bild-top {
			margin: 0 -30px 2em -30px !important;
			min-width: calc(100% + 60px) !important;
			}
			.card img.bild-top {
			margin-top: -30px !important;
			}
		}	
	/*	
	aside .card a:first-of-type img.bildrahmenmitte-nb:first-of-type,
	aside .card a:first-of-type img.bildrahmenmitte:first-of-type,
	aside .card img.bild-top {
		margin: -30px -30px 2em -30px !important;
		min-width: calc(100% + 60px) !important;
		padding: 0; 
		border: none
		}
*/		
	

	
	
@media (max-width: 767px) { 
	.bg-max-md-white { 	background: var(--bs-white) !important }
	}
@media (max-width: 575px) { 
	.bg-max-sm-white { 	background: var(--bs-white) !important }
	}
			
.bg-placeholder {
	background-color: var(--bs-lighter);
	}	
	
	
		
	
	




	
/* --------- NOTDIENST-Nummern
================================================================ */
.notdienst {
	}
	.notdienst h3 {
		color: var(--bs-primary);
		margin-bottom: .5em;
		}
	.notdienst h3 i {
		color: var(--bs-primary);
		font-size: 110%;
		margin-right: 5px
		}
	.notdienst .row {
		margin: 0 !important;
		padding: 0 !important;
		margin-bottom: .3em !important;
		padding-bottom: .3em !important;
		border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.2);
		background: none !important;
		font-size: 90% !important
		}
	.notdienst .row:last-child {
		border: none;
		}	
	.notdienst .row [class*="col-"] {
		margin: 0 !important;
		padding: 0 !important;
		}
	.notdienst .row [class*="col-"]:first-child {
		font-weight: bold;
		}
	.notdienst .row [class*="col-"]:last-child {
		white-space: nowrap;
		font-weight: normal !important
		}
	.notdienst .row [class*="col-"]:last-child i {
		color: var(--bs-primary);
		font-size: 90%
		}
	
	@media (max-width: 1200px) { 
		.notdienst .row [class*="col-"] {
		clear: both;
		margin-left: 40px !important
		}
	}
	@media (max-width: 767px) { 
		.notdienst .row [class*="col-"] {
		clear: none;
		width: 60%;
		float: left;
		margin-left: 0
		}
		.notdienst .row [class*="col-"]:last-child {
		width: 40%
		}
	}
	
	
	




	


/* --------- LEISTUNGSSPEKTRUM
================================================================ */
/*@media (min-width: 768px) {
	.leistungen {
		text-align: center;
		margin-left: 0;
		padding-left: 0;
		text-align: center !important
		}
	.leistungen ul {
		text-align: center;
		display: inline;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		}
	.leistungen ul li {
		display: inline-block;
		margin: 0;
		padding-right: 40px;
		padding-left: 0 !important;
		left: 0 !important;
		width: auto !important
		}
	.leistungen ul li:hover {
		background: rgba(var(--bs-white-rgb), .7);
		transition: .2s ease
		}
	.leistungen ul li::after {
		margin-left: -5px !important;
		content: '//' !important;
		font-weight: bold;
		font-family: var(--bs-body-font-family) !important;
		font-size: 125%;
		width: 25px;
		margin: -22px -30px 0 0;
		color: var(--bs-primary);
		display: inline;
		float: right;
		text-align: right;
		position: relative;
		vertical-align: middle;
		}
	.leistungen ul li:last-child::after {
		display: none !important
		}
	.leistungen ul li::before {
		display: none !important
		}	
}*/



.leistungen ul {
	column-count: 3;
	column-gap: 2rem !important; 
	}
.leistungen li::before {
	display: none !important
	}	
.leistungen li {
	left: auto !important;
	width: 100% !important;
	
	padding-left: .3em !important; 
	padding-right: .3em !important;
	break-inside: avoid;
	list-style: none
	}	
.leistungen li:nth-child(odd) {
	background: var(--bs-white);
	}
.leistungen li:nth-child(even) {
	background: rgba(var(--bs-lighter-rgb), .7);
	}
@media (max-width: 992px) {
	.leistungen ul { column-count: 2; }
	}
@media (max-width: 767px) {
	.leistungen ul { column-count: 1; }
	}	
	



/*--------------------------------------------------------------
# Angebote
--------------------------------------------------------------*/
@media (max-width: 575px) {	
	#angebote .swiper-steuerung {
		display: none
	}
	#angebote .swiper {
		overflow: visible !important;
	}
	#angebote .swiper-wrapper {
		display: block !important;
		transform: none !important;
		transition: none !important;
		height: auto !important;
	}
	#angebote .swiper-slide {
		width: 100% !important
	}
	#angebote .swiper-slide:nth-child(n+4) {
		display: none;
	}
	#angebote .swiper-slide article {
		flex-direction: column
	}
	#angebote .swiper-slide article .card-img {
		width: 100%
		}
}




/*--------------------------------------------------------------
# News
--------------------------------------------------------------*

	
	
	
	
	

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

/*
#team .card {
	text-align: center;
	}
#team .card:hover {
	transition: .3s
	}
#team .avatar {
	border-radius: 50%;
	border: 6px solid var(--bs-white);
	max-width: 200px
	}
#team .card:hover .avatar {
	transform: scale(1.02);
	transition: .3s
	}
#team :is(h3, h4),
#team :is(h3, h4) a {
	margin-top: 1em;
	hyphens: none;
	color: var(--bs-primary);
	}
#team .card:hover :is(h3, h4) a,
#team .card :is(h3, h4) a:hover {
	color: var(--bs-primary) !important
	}
#team .position {
	font-weight: 600;
	margin-bottom: .5em
	}
#team .infos {
	margin-top: auto;
	padding-bottom:1em;
	}
#team .infos p {
	margin-top: .5em;
	margin-bottom: 0;
	}
#team .infos a {
	color: var(--bs-body-color)
	}
#team .infos a:hover {
	color: var(--bs-primary);
	text-decoration: underline
	}
#team .infos i {
	color: var(--bs-primary);
	margin-right: .5em
	}	
*/	
	
	
/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
#service a {
	text-decoration: none !important;
	}	
#service a:hover .icon-bg {
	transform: scale(1.05);
	transition: all .4s ease;
	text-decoration: none !important;
	}		
#service a h3 {
	color: var(--bs-black);
	margin-top: 1em
	}	
#service a:hover h3 {
	color: var(--bs-primary);
	text-decoration: underline !important;
	}
	
	
	

/*--------------------------------------------------------------
# Icon (alt)
--------------------------------------------------------------*/	
.icon	{ 
	border-bottom: none !important;
	padding-bottom: 0;
	margin-bottom: 0
	}
	[class*="bg-"] .icon {
	border-bottom: none !important;
	}	
	
	
.icon-list :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) a,
.icon-md-list :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) a,
.icon-lg-list :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) a {
	text-decoration: none !important;
	color: var(--bs-primary) !important;
	}
.icon-list :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) a:hover,
.icon-md-list :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) a:hover,
.icon-lg-list :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6) a:hover {
	text-decoration: underline !important;
	color: var(--bs-primary) !important;
	}
.icon-list a 		{ text-decoration: none !important; color: var(--bs-black) !important;}
.icon-list a:hover 	{ text-decoration: underline !important; color: var(--bs-black) !important;}	





/*--------------------------------------------------------------
# Paginierung
--------------------------------------------------------------*/
.pagination li.page-item .page-link {
	background-color: rgba(var(--bs-primary-rgb), 1);
	color: var(--bs-white);
	
	background-color: rgba(var(--bs-light-rgb), 0);
	border-color: rgba(var(--bs-dark-rgb), .2);
	color: var(--bs-dark);
	padding: .7em 1em
	}	
	.pagination li.page-item .page-link i {
	color: var(--bs-primary);
	}	
	.pagination li.page-item a.page-link:hover i {
	color: rgba(var(--bs-white-rgb), .7);
	}
	.pagination li.page-item.active .page-link i {
	color: var(--bs-white);
	}	
.pagination li.page-item a.page-link:hover {
	background-color: rgba(var(--bs-primary-dark-rgb), 1);
	color: var(--bs-white);
	text-decoration: none !important
	}
.pagination li.page-item.active .page-link {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	color: var(--bs-white)
	}




	
		
/*--------------------------------------------------------------
# Notfallnummern
--------------------------------------------------------------*/
.notfallnummern-content {
	margin-top: 1em;
	display: flex !important;
	flex-direction: column;
	}
.notfallnummern-content .row {
	border-bottom: 1px solid var(--bs-border-color);
	display: flex !important;
	justify-content: space-between;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 10px;
	margin-bottom: 10px
	}
.notfallnummern-content .row div {
	width: auto;
	padding: 0 !important;
	margin: 0 !important
	}				
.notfallnummern-content .row div:first-child {
	color: var(--bs-primary);
	font-weight: 600 !important;
	}
.notfallnummern-content .row div:last-child {
	}				
.notfallnummern-content div:last-child a {
	color: var(--bs-body-color) !important;
	font-weight: 400 !important;
	float: right;
	}	
.notfallnummern-content div:last-child a i {
	color: var(--bs-primary);
	margin-right: 5px
	}		





/*--------------------------------------------------------------
# glueckauf
--------------------------------------------------------------*/
#glueckauf a { 
	color: var(--bs-white);
	text-decoration: underline; 
	background: rgba(var(--bs-primary-rgb),.7);
	text-decoration: none; 
	padding: 0 .3em
	}
#glueckauf a:hover { 
	color: var(--bs-white);
	background: var(--bs-primary);
	text-decoration: underline; 
    }	
	
	
	

/*--------------------------------------------------------------
# SWIPER
--------------------------------------------------------------*/
.swiper-steuerung .swiper-button-prev,
.swiper-steuerung .swiper-button-next {
	margin-top: -30px;
	}
	


/*--------------------------------------------------------------
# Lightbox - Navigationspfeile sichtbar (wenn mehere Bilder)
--------------------------------------------------------------*/	
.lb-nav a.lb-prev,
.lb-nav a.lb-next{
	/*display: none !important;*/
	opacity: .5 !important;
	}
.lb-nav:hover a.lb-prev,
.lb-nav:hover a.lb-next{
	opacity: 1 !important;
	-webkit-transition: opacity .3s !important;
	-moz-transition: opacity .3s !important;
	-o-transition: opacity .3s !important;
	transition: opacity .3s !important;
	}
.lb-nav:hover a.lb-prev,
.lb-nav:hover a.lb-next{
	opacity: 1 !important;
	transition: opacity .3s !important;
	}	
/* Bei nur 1 Bild: Pfeile ausblenden *
.lb-nav a.lb-prev:not([style*="display:block"]):not([style*="display: block"]),
.lb-nav a.lb-next:not([style*="display:block"]):not([style*="display: block"]) {
	* Lightbox setzt display via jQuery .show()/.hide()
	-> wenn NICHT "display: block" im inline-style, dann verstecken *
	display: none !important;
	}*/


/*--------------------------------------------------------------
# C-Page
--------------------------------------------------------------*/
/* Headline: C-Page - Container */	
#c-page .c-row h1:not(.c-element *)::before {
	margin-left: calc(+0.5 * var(--bs-gutter-x));
	}
#c-page .card.bg-gray {
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	}
	

	
	
	
/*--------------------------------------------------------------
# HEADER-Bild
--------------------------------------------------------------*/	
.header-content.typ2::before {
	background: var(--bs-dark) !important;
	box-shadow: none !important;
}



/*--------------------------------------------------------------
# DRUCKVERSION
--------------------------------------------------------------*/	
@media print {
	#fahrzeug {
		width: calc(60% - 40px) !important;
		margin: 0 40px 0 0 !important
		}	
			
}