/* --------- VARIABLEN --------- */
:root {
--bs-body-font-family: "Open Sans",  sans-serif;
  --bs-body-font-size: medium;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.5em;
  --bs-body-color: #000;
  --bs-body-color-rgb: 0,0,0;
  --bs-body-color-a-rgb: 0,0,0;
  
  --heading-font-family: "Oswald",  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-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;

  --bs-primary: #028cf7;
  --bs-primary-rgb: 2,140,247;
  --bs-primary-a-rgb: 2,140,247;
  --bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.5);
  --bs-primary-color: rgba(var(--bs-primary-rgb), 0.75);
  --bs-primary-dark: #0a58ca;
  --bs-primary-dark-rgb: 10,88,202;
  --bs-primary-light: #cce1ff;
  --bs-primary-light-rgb: 202,225,255;
  --bs-primary-bg: var(--bs-primary);
  --bs-primary-text-emphasis: var(--bs-primary-dark);
  --bs-primary-bg-subtle: var(--bs-primary-light);
  
  --bs-secondary:  #0a58ca;
  --bs-secondary-rgb: 10,88,202;
  --bs-secondary-a-rgb: 10,88,202;
  --bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.5);
  --bs-secondary-color: rgba(var(--bs-secondary-rgb), 0.75);
  --bs-secondary-dark:  #003a90;
  --bs-secondary-dark-rgb: 0,58,144;
  --bs-secondary-light:  #ffaa44;
  --bs-secondary-light-rgb: 255,170,68;
  --bs-secondary-bg: var(--bs-secondary);
  --bs-secondary-text-emphasis: var(--bs-secondary-dark);
  --bs-secondary-bg-subtle: var(--bs-secondary-light);
  
  --bs-accent: #FFB100;
  --bs-accent-rgb: 255, 177, 0;
  --bs-accent-a-rgb: 255, 177, 0;
  --bs-accent-dark: #ff9700;
  --bs-accent-dark-rgb: 255,151,0;
  --bs-accent-light: #ffe7b1;
  --bs-accent-light-rgb: 255,231, 177;
  --bs-accent-bg: var(--bs-accent);
  
  --bs-light: #e4e8f0;
  --bs-border-radius: 0;
  --bs-border-color: rgba(0, 0, 0, 0.2);
}

.debug-box {
	display: none
}

/* Anker-Sprung */
[id]  { 
	scroll-margin-top: 200px; 
	}
	[id^="ID"]  { 	
	display: block; /* wichtig für korrekten Sprung (navi-parallel), auch ohne Fronend-Modus */ 
	}
@media (max-width: 767px) {
	[id]  {	
	scroll-margin-top: 30px;
	}
}

/* --------- BODY & TYPO --------- */
body, html {
  background: #000;
  font-size: large;
  font-weight: 400
}
.text-none,
.lowercase { text-transform: none !important }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	font-family: var(--heading-font-family) !important; 
	color: var(--bs-heading-color) !important; 
	margin-bottom: 1em;
	font-weight: 7600;
	text-decoration: none !important;
	border: none;
	}
	h1, .h1 { font-size: clamp(2.5rem, 2.3rem + 1.2vw, 3.75rem); }
	h2, .h2 { font-size: clamp(1.15rem, 1.95rem + 0.8vw, 3.1rem); }
	
	h1, h2,.h1, .h2{
		text-transform: uppercase;
		line-height: 1.3 !important;
		}
	h3, h4, h5, .h3, .h4, .h5 {
		color: var(--bs-primary-dark) !important; 
		color: var(--bs-black) !important; 
		margin-top: 3em;
		font-weight: 500;
		font-family: "Open Sans",  sans-serif;
		line-height: 1.4 !important;
		}
		
	h1 sub, .h1 sub,
	h2 sub, .h2 sub { 
		text-transform: none;
		display: block;
		font-size: 80%;
		font-weight: 500;
		margin-top: 0; 
		margin-bottom: 1rem;
		line-height: 2.5rem
	  }
	@media (max-width: 767px) {  	
		h1 sub, .h1 sub,
		h2 sub, .h2 sub { 
			line-height: 2rem
		  }
	} 

a.text-primary {
  color: var(--bs-primary);
  transition: color 0.3s;
  }
a.text-primary:hover { 
	color: var(--bs-primary-dark) !important; 
	text-decoration: none; }

.wrapper-link,
.wrapper-link a { 
	text-decoration: none !important;
    }
.wrapper-link:hover,
.wrapper-link:hover a { 
	text-decoration: none !important;
	transition: .3s
	}		
.wrapper-link :is(h3, h4, h5,.h3, .h4, .h5):hover { 
	text-decoration: underline !important;
	}		

.text-left { text-align: left !important }
.text-center { text-align: center !important }








/* --------- AUFBAU --------- */
header, nav, main, footer {
	margin: 0 auto !important;
	padding: 0 !important;
	width: 900px !important;
	}
	@media (max-width: 992px) { 
		header, nav, main, footer { width: 740px !important; } }
	@media (max-width: 768px) { 
		header, nav, main, footer { width: 100% !important; } }

main > section:not(#aufmacher)  {
	padding: 0; 
	text-align: center; 
	}
	@media (max-width: 992px) { 
		section {  } }
	@media (max-width: 768px) { 
		section { } }
	@media (max-width: 480px) { 
		section { } }
		


:not(.navbar, footer, #fahrzeuge) > .container {
	padding: 80px;
	background: var(--bs-white);
	}
@media (max-width: 767px) {
	:not(.navbar, footer, #fahrzeuge) > .container {
		padding: 40px;
		}
	}


.bg-primary,
.bg-secondary { color: rgba(var(--bs-white-rgb),.9)
	}
	.bg-primary :is(h1,h2,.h1,.h2),
	.bg-psecondaryrimary :is(h1,h2,.h1,.h2) { color: var(--bs-white) !important
	}
	.bg-primary :is(h3, h4, h5,.h3, .h4, .h5),
	.bg-secondary :is(h3, h4, h5,.h3, .h4, .h5) { color: var(--bs-white) !important
	}
	.bg-primary b,
	.bg-secondary b { 
		/*color: var(--bs-accent) !important; 
		border-bottom: 2px solid var(--bs-accent);*/
		color: var(--bs-white) !important;
		font-weight: 800;
		text-shadow: var(--bs-box-shadow);
		letter-spacing: .01em
	}


/* --------- Aufbau --------- */




/* --------- NAVIGATION --------- */
.navbar {
	position: relative;
	}
	.navbar.affix {
	position: fixed;
	}
	

.navbar .container {
	display: flex;
	justify-content: space-between;
	padding: 0;
	background: var(--bs-white);
	padding: 0 10px
	}
	.navbar.affix .container {
	background: rgba(var(--bs-white-rgb),.9);
	box-shadow: var(--bs-box-shadow);
	}
		
.navbar-brand {
	text-align: center
	}
	.navbar-brand img {
	height: 50px;
	width: auto;
	filter: invert(1);
	margin: 5px 10px
	}
	.navbar-brand:hover {
	opacity: .7;
	transition: .3s;
	}

.navbar-nav {
	flex-direction: row;
	gap: 5px;
	}	
	.navbar-nav .nav-item {
	flex: 1 1 100%
	}
	.navbar-nav .nav-link {
	width: 100%;
	font-family: "opensans-cond",  sans-serif;
	font-weight: 600;
	display: inline-block;
	padding: .5rem 1rem;
	text-align: center;
	border-radius: 0;
	transition: background-color 0.3s, color 0.3s;
	color: var(--bs-black);
	background-color: transparent;
	text-transform: uppercase;
	letter-spacing: .03em;
	}
	.navbar-nav .nav-link:hover { 
		background-color: var(--bs-primary);
		color: var(--bs-white); 
		text-decoration: none; 
		}
	.navbar-nav .nav-link.active { 
		background-color: var(--bs-primary); 
		color: var(--bs-white); 
		}
	.navbar-nav .nav-link.active:hover { 
		background-color: var(--bs-primary-dark); 
		}	
	.navbar-nav .nav-item:last-child .nav-link { 
		margin-right: 0; 
		}
		
		
		
@media (max-width: 767px) {
	.navbar-brand {
		width: 100%
		}	
	.navbar-nav {
		width: 100%;
		margin-bottom: 10px;
	}
	.navbar-nav .nav-item {
		flex: 1 1 auto;
		}
	.navbar-nav .nav-link {
		padding: .5rem .2rem;
		letter-spacing: 0;
		}
}



/* --------- Start / Aufmacher --------- */
#aufmacher .container { 
	padding: 0
	}
#aufmacher img { 
	width: 100%;
	height: auto;
	}





/* --------- FAHRZEUG --------- */
#fahrzeuge {
	}
#fahrzeuge .container {
	background: none;
	padding: 100px 0 50px 0
	}	
#fahrzeuge :is(h1, h2,.h1, .h2) {
	margin: 0 0 1em 0;
	color: var(--bs-white) !important;
	}
#fahrzeuge p {
	margin: 1em 0 2em 0;
	color: rgba(var(--bs-white-rgb),.6) !important;
	}	
		
#fahrzeuge .fahrzeug {
	position: relative;
	text-align: left;
	padding: 35px !important;
	margin: 0 0 30px 0;
	background: var(--bs-white)
	}
	#fahrzeuge .fahrzeug:hover {
	transition: .3s;
	transform: scale(1.01);
	box-shadow: var(--bs-box-shadow)
	}	
#fahrzeuge .card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	gap: 30px;
	border: none;
	box-shadow: none;
	background: none
	}	
#fahrzeuge .fahrzeug .bild {
	width: 35%;
	}
	#fahrzeuge .fahrzeug .bild img {
	width: 100%;
	}
#fahrzeuge .fahrzeug .card-body {
	width: 60%;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 15px
	}
		


#fahrzeuge .wrapper-link { 
	color: var(--bs-black) !important
	}	
	#fahrzeuge .wrapper-link:hover :is(h3, h4, h5,.h3, .h4, .h5) { 
	color: var(--bs-primary) !important
	}	
	#fahrzeuge .wrapper-link :is(h3, h4, h5,.h3, .h4, .h5):hover { 
	color: var(--bs-primary) !important;
	transition: .3s
	}

#fahrzeuge .card-body :is(h3, h4, h5,.h3, .h4, .h5) {
	margin: 0 !important;
	}	
#fahrzeuge .card-body p {
	color: rgba(var(--bs-white-rgb),0.8);
	margin: 0 !important
	}	
#fahrzeuge .card-body .verbrauch {
	font-size: 80%;
	line-height: 1.3;
	margin-top: .2em;
	color: var(--bs-gray)
	}			

#fahrzeuge .fahrzeug .btn {
	position: absolute;
	display: inline-block;
	top: -10px;
	right: -15px;
	background: var(--bs-primary);
	border: 1px solid rgba(var(--bs-black-rgb).3);
	color: var(--bs-white);
	width: auto;
	border-radius: 0
	}
	#fahrzeuge .fahrzeug .btn:hover {
	background: var(--bs-primary-dark);
	color: var(--bs-white);
	}


@media (max-width: 992px) {
	#fahrzeuge .fahrzeug  {
		padding:25px !important;
		}
}

@media (max-width: 767px) {
	#fahrzeuge .container {
	padding: 50px 0 50px 0
	}
	#fahrzeuge .fahrzeug  {
	padding:15px !important;
	margin: 0 15px 20px 15px !important;
	}
	#fahrzeuge .card  {
	align-items: start;
	gap: 15px;
	}
	#fahrzeuge .fahrzeug .bild {
		width: 40%;
		}
	#fahrzeuge .fahrzeug .card-body {
		width: 55%;
		gap: 10px
		}
		
	
	#fahrzeuge .wrapper-link :is(h3, h4, h5,.h3, .h4, .h5) {
	font-size: 120%;
	margin-top: 0 !important
	}
	
	#fahrzeuge .card-body p {
	margin: .5rem 0 2rem 0
	}	
	#fahrzeuge .fahrzeug .btn {
	display: none !important;
	}
}



/* --------- Forms / Formular --------- */
form {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: end; 
	}
form .col {
	flex: 1;  
	}
form select,
form .btn {
	width: 100% 
	}
form label {
	font-weight: bold;
	color: #fff;
	float: left
	}
form .btn {
	display: inline-block !important;
	background: var(--bs-primary) !important
	}
	form .btn:hover {
	background: var(--bs-primary-dark) !important
	}
#show_modell .disabled {
	background: rgba(var(--bs-white-rgb),.5) !important;
	opacity: .5
	}
#show_modell label {
	display: none
}		
@media (max-width: 767px) {
	form {
		gap: 15px;
		margin-bottom: 0;
		padding-left: 15px;
		padding-right: 15px
		}
	form .col {
		flex: auto;  
		}
	form select,
	form .btn {
		width: auto 
		}	
	form .btn {
		margin-top: 10px
		}	
}

/* --------- end Forms / Formular --------- */










/* --------- FOOTER --------- */
footer .container { 
	background: var(--bs-dark); 
	color: rgba(var(--bs-white-rgb),.5);
	line-height: 1.2em; 
	text-align: center;
	padding: 20px;
	font-size: 80%; 
 	}
footer a { 
	color: rgba(var(--bs-white-rgb),.5);
	}
	footer a:hover { 
	color: var(--bs-white); 
	text-decoration: none; 
	}
footer .info {
	padding: 20px;
	padding-bottom: 0
	}
	footer .info p {
	padding: 0 !important;
	margin: 0 0 .6em 0 !important;
	color: rgba(var(--bs-white-rgb),.8);
	font-size: 90%;
	padding: 50px;
	line-height: 1.55
	}




/* --------- Kontakt --------- */
#kontakt :is(h3, h4, h5,.h3, .h4, .h5) {
	text-align: center !important
	}
@media (max-width: 992px) {
	#kontakt :is(h3, h4, h5,.h3, .h4, .h5) {
	text-align: left !important
	}
}
	




/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn {
	text-decoration: none !important;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	border-radius: var(--bs-border-radius);
	border-color: var(--bs-border-color)
	}
	.btn:not([class*="d-"]) {
	display: inline-flex !important;
	}
	.btn:not(form .btn):not(label.btn):not(button[type=submit].btn):not(.input-group .btn) {
	min-width: 24px;
	min-height: 24px;
	}
	
	.btn:not([class*="ms-"]) {
		margin-left: 0 !important
		}
	.btn:not(.back-to-top) i { margin-right: .4em }
	
			
.btn.btn-sm {
	font-size: 0.875rem;
	padding: 0.375rem 1.375rem;
	line-height: 1.25;
	min-width: 24px;
	min-height: 24px;
	}
.btn.btn-md {
	font-size: 1rem;
	padding: 0.5rem 1.5rem;
	line-height: 1.5;
	min-width: 55px;
	min-height:55px;
	}
.btn.btn-lg {
	font-size: 1.25rem;
	padding: 0.75rem 1.75rem;
	line-height: 1.5;
	min-width: 70px;
	min-height: 70px;
	}
.btn:focus-visible,
.btn-sm:focus-visible,
.btn-lg:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 3px;
	transition: none;
	}
.btn + .btn,
.btn-sm + .btn-sm,
.btn-lg + .btn-lg {
	margin-left: 0.5rem;
	}


.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--bs-primary-dark);
  border-color: var(--bs-primary-dark);
  color: var(--bs-white);
}

	



.btn-primary {
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-border-color);
	--bs-btn-hover-color: var(--bs-white);
	--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-color: var(--bs-white);
	--bs-btn-active-bg: var(--bs-primary-dark);
	--bs-btn-active-border-color: var(--bs-primary-dark);
	--bs-btn-disabled-color: var(--bs-white);
	--bs-btn-disabled-bg: var(--bs-light);
	--bs-btn-disabled-border-color: var(--bs-border-color);
}

.btn.btn-absenden {
	color: var(--bs-white) !important;
	background: var(--bs-primary) !important;
	border-color: var(--bs-border-color) !important;
	display: inline-block;
	--bs-btn-disabled-color: var(--bs-white);
	--bs-btn-disabled-bg: var(--bs-light);
	--bs-btn-disabled-border-color: var(--bs-border-color);
	}	

/* --------- PAGETOP SCROLL --------- */
.pagetop-scroll {
	position: fixed;
	bottom: 50px;
	right: 0;
	display: none;
	z-index: 10000;
	opacity: 0.7;
	background: var(--bs-primary);
	color: var(--bs-white) !important;
	border: 1px solid rgba(var(--bs-black-rgb),.32);
	padding: .5em .85em;
	border-radius: 0;
	transition: opacity 0.3s, background-color 0.3s;
	}
.pagetop-scroll:hover { 
	opacity: 1; 
	color: var(--bs-white) !important; 
	}










/* --------- COOKIE --------- */
#cookiedingsbums a {
  color: var(--bs-white);
  text-decoration: none;
  font-family: "CorporateS-Bold";
  font-weight: normal;
}
#cookiedingsbums a:hover { text-decoration: underline; }

#cookiedingsbums {
  z-index: 10000000 !important;
  background: rgba(150, 150, 150, 0.6);
  position: fixed;
  bottom: 0;
  font-size: 13px;
  line-height: 1.2em;
  color: var(--bs-white);
  width: 100%;
  padding: .8em 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
}
#cookiedingsbums .container {
  padding-bottom: 0 !important;
  padding: 0 30px !important;
  background: none
}
#cookiedingsbums .info {
  width: 85%;
  float: left;
  text-align: left;
} 
#cookiedingsbumsCloser {
  float: right;
  width: auto;
  text-align: center;
  color: #000;
  position: relative;
  text-decoration: none;
  cursor:pointer;
  border-radius: 3px;
  padding:.2em .5em;
  font-size: 13px;
  text-shadow: 0 1px 0 #fff;
  text-transform: uppercase;
  border: 1px solid #ccc;
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
}
#cookiedingsbumsCloser:hover {
  background-color: #e0e0e0;
}





/* --------- Icon-List --------- */
.icon-list {
	list-style: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 90%;
	line-height: 1.4;
	text-align: left
	}
	.icon-list :is(li, div, p) {
		border-bottom: 1px solid #ddd;
		padding-top: .5em;
		padding-bottom: .5em;
		list-style: none;
		list-style-type: none;
		margin-left: 0;
		margin-bottom: 0
		}
		.icon-list :is(li, div, p):last-child {
			border: none;
			margin-bottom: 0 !important;
			padding-bottom: 0 !important
			}
		.icon-list.list-unstyled :is(li, div, p), {
			border: none
			}
	.icon-list i {
		color: #000;
		text-align: center;
		margin-right: 0 !important 
		}		
	.icon-list li::before {
		display: none !important
		}		
	.icon-list a {
		color: #000 !important;
		text-decoration: none !important;
		}	
	.icon-list a:hover {
		color: #000 !important;
		text-decoration: underline !important
		}	
	
	.icon-list					{ padding-left: 40px !important; }
	.icon-list :is(li, div, p)	{ margin-left: -40px !important; padding-left: 40px !important; }
	.icon-list i 				{ width: 40px; margin-left: -40px; font-size: 110% }
	
	.icon-md-list				{ padding-left: 50px !important; }
	.icon-md-list :is(li, div, p)	{ margin-left: -50px !important; padding-left: 50px !important; }
	.icon-md-list i	{			 width: 50px; margin-left: -50px; font-size: 140% }
	
	.icon-lg-list 				{ padding-left: 60px !important; }
	.icon-lg-list :is(li, div, p)	{ margin-left: -60px !important; padding-left: 60px !important; }
	.icon-lg-list i				{ width: 60px; margin-left: -60px; font-size: 170% }	
	
	
.icon-list :is(li.ms-0, div.ms-0, p.ms-0) 		{ padding-left: 0 !important; margin-left: -40px !important; }	
.icon-md-list :is(li.ms-0, div.ms-0, p.ms-0) 	{ padding-left: 0 !important; margin-left: -50px !important; }	
.icon-lg-list :is(li.ms-0, div.ms-0, p.ms-0) 	{ padding-left: 0 !important; margin-left: -60px !important; }	
	

.icon-list :is(li.mb-0, div.mb-0 p.mb-0),
.icon-md-list :is(li.mb-0, div.mb-0 p.mb-0),
.icon-lg-list :is(li.mb-0, div.mb-0 p.mb-0)  { margin-bottom: 0 !important; padding-bottom: 0 !important }

.icon-list :is(li.mb-1, div.mb-1, p.mb-1),
.icon-md-list :is(li.mb-1, div.mb-1 p.mb-1),
.icon-lg-list :is(li.mb-1, div.mb-1 p.mb-1) { margin-bottom: .25em !important; padding-bottom: .25em !important }

.icon-list :is(li.mb-2, div.mb-2, p.mb-2),
.icon-md-list :is(li.mb-2, div.mb-2 p.mb-2),
.icon-lg-list :is(li.mb-2, div.mb-2 p.mb-2) { margin-bottom: .5em !important; padding-bottom: .5em !important }

.icon-list :is(li.mb-3, div.mb-3, p.mb-3),
.icon-md-list :is(li.mb-3, div.mb-3 p.mb-3),
.icon-lg-list :is(li.mb-3, div.mb-3 p.mb-3) { margin-bottom: .75em !important; padding-bottom: .75em !important }

.icon-list :is(li.mb-4, div.mb-4, p.mb-4),
.icon-md-list :is(li.mb-4, div.mb-4 p.mb-4),
.icon-lg-list :is(li.mb-4, div.mb-4 p.mb-4) { margin-bottom: 1em !important; padding-bottom: 1em !important }

.icon-list :is(li.mb-5, div.mb-5, p.mb-5),
.icon-md-list :is(li.mb-5, div.mb-0 p.mb-5),
.icon-lg-list :is(li.mb-5, div.mb-0 p.mb-5) { margin-bottom: 2em !important; padding-bottom: 2em !important }


:is(ul.gap-0 > li, ol.gap-0 > li),
	.icon-list.gap-0 :is(li, div, p),
	.icon-md-list.gap-0 :is(li, div, p),
	.icon-lg-list.gap-0 :is(li, div, p) {  padding-top: 0 !important;  padding-bottom: 0 !important;
	}
:is(ul.gap-1 > li, ol.gap-1 > li),
	.icon-list.gap-1 :is(li, div, p),
	.icon-md-list.gap-1 :is(li, div, p),
	.icon-lg-list.gap-1 :is(li, div, p) {  padding-top: 0.25rem !important;  padding-bottom: 0.25rem !important;
	}
:is(ul.gap-2 > li, ol.gap-2 > li),
	.icon-list.gap-2 :is(li, div, p),
	.icon-md-list.gap-2 :is(li, div, p),
	.icon-lg-list.gap-2 :is(li, div, p) {  padding-top: 0.5rem !important;  padding-bottom: 0.5rem !important;
	}
:is(ul.gap-3 > li, ol.gap-3 > li),
	.icon-list.gap-3 :is(li, div, p),
	.icon-md-list.gap-3 :is(li, div, p),
	.icon-lg-list.gap-3 :is(li, div, p) {  padding-top: 0.75rem !important;  padding-bottom: 0.75rem !important;
	}
:is(ul.gap-4 > li, ol.gap-4 > li),
	.icon-list.gap-4 :is(li, div, p),
	.icon-md-list.gap-4 :is(li, div, p),
	.icon-lg-list.gap-4 :is(li, div, p) {  padding-top: 1rem !important;  padding-bottom: 1rem !important;
	}
:is(ul.gap-5 > li, ol.gap-5 > li),
	.icon-list.gap-5 :is(li, div, p),
	.icon-md-list.gap-5 :is(li, div, p),
	.icon-lg-list.gap-5 :is(li, div, p) {  padding-top: 1.5rem !important;  padding-bottom: 1.5rem !important;
	}
:is(ul.gap-6 > li, ol.gap-6 > li),
	.icon-list.gap-6 :is(li, div, p),
	.icon-md-list.gap-6 :is(li, div, p),
	.icon-lg-list.gap-6 :is(li, div, p) {  padding-top: 2rem !important;	padding-bottom: 2rem !important;
	}	
/* --------- end Icon-List -------- */