/* Optik der Vorlage „vorlage markenseite“ für den Modellrechner. */

/*
 * Enfold Sticky ist siteweit aus. Auf Rechnerseiten Header fest fixieren
 * (sonst springt nichts – aber Padding für Fixed-Header nötig).
 */
html:has(#inqbox),
html.icar24-header-locked {
	scroll-behavior: auto !important;
}
html:has(#inqbox),
html:has(#inqbox) body,
html.icar24-header-locked,
html.icar24-header-locked body {
	overflow-anchor: none;
}
html:has(#inqbox) #header,
html.icar24-header-locked #header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 1001 !important;
	margin: 0 !important;
	transform: none !important;
	transition: none !important;
}
html:has(#inqbox) #header_meta,
html:has(#inqbox) #header_main,
html.icar24-header-locked #header_meta,
html.icar24-header-locked #header_main {
	transform: none !important;
	transition: none !important;
	margin-top: 0 !important;
}
html:has(#inqbox) #main,
html.icar24-header-locked #main {
	padding-top: var(--icar-header-h, 140px) !important;
}

/* Code-Eingabe + Auslesen-Button: Enfold (#top input) setzt margin/radius zurück. */
#top #inqbox .icar-code-eingabe {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: stretch;
}

#top #inqbox .icar-code-eingabe input.text_field,
#top #inqbox .icar-code-eingabe #configuratorcode {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	height: 44px !important;
	min-height: 44px;
	margin: 0 !important;
	padding: 8px 12px;
	border: 1px solid #d5d8d6;
	border-radius: 12px;
	box-sizing: border-box;
	background: #fff;
	line-height: 1.2;
}

#top #inqbox .icar-code-laden {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 100%;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 14px;
	background: var(--icar-gruen, #00a900);
	color: #fff;
	border: 0;
	border-radius: 12px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	box-sizing: border-box;
	line-height: 1.2;
}

#top #inqbox .icar-code-laden:disabled {
	opacity: 0.65;
	cursor: wait;
}

#inqbox {
	--icar-gruen: #00a900;
	--icar-grau: #f2f3f4;
	--icar-text: #1c1c1c;
	--icar-leis: #5c6560;
	width: min(calc(1180px + 7cm), calc(100% - 32px));
	/* mt 8 + Hauptkachel mb 17; mb 0 – Gap unter Ladekachel steuert .icar-linien-wrap */
	margin: 8px auto 0;
	background: transparent;
	padding: 0;
	border-radius: 0;
	color: var(--icar-text);
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.45;
}

#inqbox .greyback,
#inqbox .greybacksecond,
#inqbox .greybackfooter,
#inqbox .greybackfooterangebot,
#inqbox .greybackfooterbutton,
#inqbox .rightside .greyback {
	background: #fff;
	border-radius: 18px;
}

/* Kundengruppen + Prämien: hellgrauer Rahmen, leichter Hover */
#inqbox #grundrabatt .greyback,
#inqbox #grundrabatt .greybackfooter,
#inqbox .grundrabatt-wahl .greyback,
#inqbox .grundrabatt-wahl .greybackfooter,
#inqbox .zusatzpraemien-wahl .greyback,
#inqbox .zusatzpraemien-wahl .greybackfooter,
#inqbox .zusatzpraemien-wahl .greybacksecond {
	border: 1px solid #d5d8d6;
	box-sizing: border-box;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
#inqbox #grundrabatt .greyback:hover,
#inqbox .grundrabatt-wahl .greyback:hover,
#inqbox .zusatzpraemien-wahl .greyback:hover,
#inqbox .zusatzpraemien-wahl .greybacksecond:hover {
	border-color: #b8c0bc !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07) !important;
	transform: translateY(-2px);
}
#inqbox #grundrabatt .greyback:has(input:checked),
#inqbox .grundrabatt-wahl .greyback:has(input:checked),
#inqbox .zusatzpraemien-wahl .greyback:has(input:checked),
#inqbox .zusatzpraemien-wahl .greyback:has(input.selected) {
	border-color: #00a900 !important;
	box-shadow: 0 0 0 1px rgba(0, 169, 0, 0.2) !important;
}

/* Übrige Kacheln ohne Hover-Effekt */
#inqbox .greybacksecond:hover,
#inqbox .greybackfooterangebot:hover,
#inqbox .greybackfooterbutton:hover,
#inqbox .upe-zeile .greyback:hover,
#inqbox .greybackfooter:hover {
	border-color: inherit;
	box-shadow: none;
	transform: none;
}

/* Fahrzeugkachel: kein Rahmen / kein Hover-Effekt */
#inqbox .icar-code-kachel,
#inqbox .icar-code-kachel:hover,
#inqbox .icar-code-kachel:has(input:checked),
#inqbox .upe-zeile .icar-code-kachel,
#inqbox .upe-zeile .icar-code-kachel:hover,
#inqbox #icar-code-ergebnis,
#inqbox #icar-code-ergebnis:hover {
	background: #fff !important;
	border-color: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}
#inqbox #icar-code-ergebnis .icar-code-karte,
#inqbox #icar-code-ergebnis .icar-code-karte:hover {
	background: linear-gradient(180deg, #fafbfb 0%, #f5f6f7 100%) !important;
	border: 1px solid #e4e6e5 !important;
	border-color: #e4e6e5 !important;
	box-shadow: none !important;
	transform: none !important;
}

/* Bereitstellung: Basisrahmen (Hover/Auswahl folgen weiter unten) */
#inqbox .transport-card > .greyback {
	border: 1px solid #d5d8d6 !important;
}

#inqbox .upe-zeile .greyback,
#inqbox .greybackfooter {
	transform: none;
	box-shadow: none;
}

/* Einstieg: volle Breite, PDF/Code + Begleitkachel */
#inqbox .upe-preis-spalte {
	display: none !important;
}
#inqbox .icar-einstieg {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 18px;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}
#inqbox .icar-einstieg .icar-code-kachel {
	flex: 1 1 68%;
	min-width: 0;
	max-width: none;
}
#inqbox .icar-einstieg-hinweis {
	flex: 0 0 300px;
	border: 0;
	box-sizing: border-box;
	background: linear-gradient(160deg, #0f8f14 0%, #00a900 42%, #067a0c 100%);
	color: #fff;
}
#inqbox .icar-geladenes-fahrzeug {
	display: none !important;
}
@media (max-width: 980px) {
	#inqbox .icar-einstieg {
		flex-direction: column;
	}
	#inqbox .icar-einstieg .icar-code-kachel,
	#inqbox .icar-einstieg-hinweis {
		flex: 0 0 auto;
		width: 100%;
	}
}

#inqbox .upe-zeile .kopfkachel,
#inqbox .upe-hinweis,
#inqbox .upe-feld-titel,
#inqbox .upe-zeile #priceBox,
#inqbox .upe-feld .price_from_mf,
#inqbox .upe-feld .garantiepreis,
#inqbox .upe-eur,
#inqbox .upe-info {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

#inqbox .upe-feld {
	border-radius: 14px;
	border-color: #e4e6e5;
}

#inqbox .upe-feld:not(:has(.upe-feld-zeile.ist-fertig))::after {
	border-radius: 14px;
}

#inqbox .upe-zeile #priceBox,
#inqbox .pricebox,
#inqbox .rightside .pricebox {
	border-radius: 14px;
	border-color: #e4e6e5;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

#inqbox .titleblock,
#inqbox .secondtitle {
	color: #111;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

#inqbox .circleo {
	width: 28px;
	height: 28px;
	margin-right: 8px;
	padding: 0;
	border: 0;
	background: var(--icar-gruen);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
	vertical-align: middle;
}

/* Grundrabatt-%-Badge: gleiche Feldabrundung wie Prämien-.rabattinfo (kein Pill) */
#inqbox .rabattgreen,
#inqbox #grundrabatt .rabattgreen,
#inqbox .grundrabatt-wahl .rabattgreen,
#inqbox .rightside .rabattgreen {
	border-radius: 10px !important;
	background: var(--icar-gruen);
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 800 !important;
}

#inqbox .rabattgreen strong,
#inqbox #grundrabatt .rabattgreen strong,
#inqbox .grundrabatt-wahl .rabattgreen strong,
#inqbox .rightside .rabattgreen strong {
	font-weight: 800 !important;
}

/* Prämien-Badge: helleres Grau, Umrandung gleiche Farbe */
#inqbox .rabattinfo,
#inqbox .zusatzpraemien-wahl .rabattinfo,
#inqbox .rightside .rabattinfo {
	background: #9ca3af !important;
	color: #fff !important;
	border: 1px solid #9ca3af !important;
	border-radius: 10px !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-weight: 800 !important;
	box-shadow: none !important;
}

#inqbox .rabattinfo strong,
#inqbox .zusatzpraemien-wahl .rabattinfo strong,
#inqbox .rightside .rabattinfo strong {
	font-weight: 800 !important;
	color: #fff !important;
}

#inqbox .descriptionbox,
#inqbox .darkgrey,
#inqbox .auswahltitle {
	color: var(--icar-leis);
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* Grundrabatt: Kästchen wieder am Originalplatz, Haken zentriert im Kästchen */
#inqbox #grundrabatt .greyback.no-padding,
#inqbox .grundrabatt-wahl .greyback.no-padding {
	position: relative;
	overflow: visible;
}
#inqbox #grundrabatt .no-padding > label,
#inqbox .grundrabatt-wahl .no-padding > label {
	padding: 0 0 0 25px !important;
}
#inqbox #grundrabatt .no-padding .check,
#inqbox .grundrabatt-wahl .no-padding .check {
	top: 0 !important;
	left: -25px !important;
	width: 25px !important;
	height: 25px !important;
	border: 1px solid #aaaaaa !important;
	border-radius: 0;
	background: #fff;
	box-sizing: border-box;
	z-index: 6;
}
#inqbox #grundrabatt .no-padding .check::before,
#inqbox .grundrabatt-wahl .no-padding .check::before {
	top: 0 !important;
	left: 0 !important;
	width: 25px !important;
	height: 25px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	background: transparent !important;
	content: "" !important;
}
#inqbox input[type="radio"]:checked ~ .check,
#inqbox input[type="checkbox"]:checked + .check,
#inqbox input[type="checkbox"]:checked.selected + .check {
	border-color: var(--icar-gruen) !important;
}
#inqbox #grundrabatt input[type="radio"]:checked ~ .check,
#inqbox .grundrabatt-wahl input[type="radio"]:checked ~ .check {
	border-color: var(--icar-gruen) !important;
	background: #fff !important;
}
#inqbox input[type="radio"]:checked ~ .check::before,
#inqbox input[type="checkbox"]:checked + .check::before,
#inqbox input[type="checkbox"]:checked.selected + .check::before,
#inqbox #grundrabatt input[type="radio"]:checked ~ .check::before,
#inqbox .grundrabatt-wahl input[type="radio"]:checked ~ .check::before,
#inqbox .transport-zusatz-wahl input.transport-zulassung:checked + .check::before {
	color: var(--icar-gruen) !important;
	content: "\2713" !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Kundengruppen: Überschrift + Infotext wieder größer */
#inqbox #grundrabatt .basictitle,
#inqbox .grundrabatt-wahl .basictitle,
#inqbox #grundrabatt .basictitle strong,
#inqbox .grundrabatt-wahl .basictitle strong {
	display: block;
	margin: 0 0 8px;
	color: #111;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.25;
}
#inqbox #grundrabatt .descriptionbox,
#inqbox .grundrabatt-wahl .descriptionbox {
	color: #333;
	font-size: 13px !important;
	line-height: 1.4 !important;
	min-height: 60px;
	font-weight: 400;
}

/* Zusatzprämien: gleiches Kästchen-/Haken-Verhalten */
#inqbox .zusatzpraemien-wahl .greyback.no-padding {
	position: relative;
	overflow: visible;
}
#inqbox .zusatzpraemien-wahl .no-padding > label {
	padding: 0 0 0 25px !important;
}
#inqbox .zusatzpraemien-wahl .no-padding .check {
	top: 0 !important;
	left: -25px !important;
	width: 25px !important;
	height: 25px !important;
	border: 1px solid #aaaaaa !important;
	border-radius: 0;
	background: #fff;
	box-sizing: border-box;
	z-index: 6;
}
#inqbox .zusatzpraemien-wahl .no-padding .check::before {
	top: 0 !important;
	left: 0 !important;
	width: 25px !important;
	height: 25px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	background: transparent !important;
	content: "" !important;
}
#inqbox .zusatzpraemien-wahl input.chkGroup:checked + .check,
#inqbox .zusatzpraemien-wahl input.chkGroup:checked.selected + .check {
	border-color: var(--icar-gruen) !important;
	background: #fff !important;
}
#inqbox .zusatzpraemien-wahl input.chkGroup:checked + .check::before,
#inqbox .zusatzpraemien-wahl input.chkGroup:checked.selected + .check::before,
#inqbox input.chkGroup:checked + .check::before,
#inqbox input.chkGroup:checked.selected + .check::before,
#inqbox input[type="checkbox"].chkGroup:checked + .check::before,
#inqbox input[type="checkbox"].chkGroup:checked.selected + .check::before {
	color: var(--icar-gruen) !important;
	content: "\2713" !important;
	opacity: 1 !important;
}
#inqbox .zusatzpraemien-wahl .disctitel,
#inqbox .zusatzpraemien-wahl .disctitel strong {
	display: block;
	margin: 0 0 8px;
	color: #111;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.25;
}
#inqbox .zusatzpraemien-wahl .descriptionbox {
	color: #333;
	font-size: 13px !important;
	line-height: 1.4 !important;
	font-weight: 400;
}

/* Nach Code/PDF: Rabatte + Prämien + Bereitstellung; vorher komplett aus */
#inqbox .icar-nach-laden[hidden] {
	display: none !important;
}
#inqbox .icar-nach-laden.is-sichtbar {
	display: block;
	animation: icar-nach-laden-ein 0.35s ease;
}

/* Engere Abstände zwischen den Abschnitten */
#inqbox #zusatzpraemien-block {
	margin-top: 14px !important;
}
#inqbox .abschnitt-abstand,
#inqbox #icar-bereitstellung.abschnitt-abstand {
	margin-top: 18px !important;
}
#inqbox #icar-bereitstellung > .titleblock {
	margin-bottom: 26px !important;
	padding-bottom: 2px;
}
#inqbox #icar-bereitstellung > .titleblock p {
	margin-bottom: 0;
}

/* Preiszeile: Kalkulation → Nachlass/Rabatt → Überführung → Angebotspreis → Lieferzeit */
#inqbox .transport-preiszeile {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	margin-top: 10px !important;
}
#inqbox .transport-kalkulationspreis,
#inqbox .transport-angebotspreis,
#inqbox .transport-nachlass-box,
#inqbox .transport-rabatt-box,
#inqbox .transport-ueberfuehrung {
	border-radius: 12px !important;
	padding: 10px 12px !important;
	min-height: 44px !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px;
	width: 100%;
	margin: 0 !important;
}
/* KP + Überführung: hellgrau wie Lieferzeit */
#inqbox .transport-kalkulationspreis,
#inqbox .transport-ueberfuehrung {
	background: #f3f5f7 !important;
	border: 1px solid #e4e6e5 !important;
}
#inqbox .transport-angebotspreis,
#inqbox .transport-nachlass-box,
#inqbox .transport-rabatt-box {
	background: #f2faf2 !important;
	border: 1px solid #cfe8cf !important;
}
#inqbox .transport-angebotspreis {
	background: #e7f6e7 !important;
	border-color: #a9d9a9 !important;
}
#inqbox .transport-nachlass-zeile {
	display: flex;
	align-items: stretch;
	gap: 10px;
	width: 100%;
	margin: 0;
}
#inqbox .transport-ueberfuehrung .transport-ueber-kopf {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px;
	min-width: 0;
	flex: 1 1 auto;
	padding-right: 8px;
	line-height: 1;
}
#inqbox .transport-nachlass-box .transport-nachlass-wertblock {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end;
	gap: 8px;
	margin-left: auto !important;
	flex: 0 0 auto !important;
	min-width: 0;
	line-height: 1;
}
#inqbox .transport-ueberfuehrung .iconbox.transport,
#inqbox .transport-nachlass-box .iconbox.transport,
#inqbox .transport-preiszeile .transport-nachlass-box .iconbox.transport {
	float: none !important;
	clear: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	border: 1px solid #d1d5db !important;
	border-radius: 6px;
	background: #fff !important;
	color: #6b7280;
	font-size: 16px;
	font-weight: 700;
	line-height: 1 !important;
	flex: 0 0 22px !important;
}
#inqbox .transport-kalkulationspreis > span,
#inqbox .transport-angebot-label,
#inqbox .transport-nachlass-label,
#inqbox .transport-rabatt-box > span,
#inqbox .transport-ueber-label {
	color: #3d4a40 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	display: inline-block !important;
	line-height: 1.2 !important;
	white-space: nowrap;
}
#inqbox .transport-nachlass-box .transport-nachlass-euro {
	margin-left: 0 !important;
	display: inline-block !important;
	transform: none !important;
}
#inqbox .transport-kalkulationspreis > span,
#inqbox .transport-ueber-label {
	font-weight: 400 !important;
	color: #5c6560 !important;
}
/* Mehrere Kacheln: ungewählt = schwarz/normal; gewählt = größer + grün */
#inqbox .transport-kalkulation-wert,
#inqbox .transport-angebot-wert,
#inqbox .transport-nachlass-euro,
#inqbox .transport-nachlass-prozent,
#inqbox .transport-ueber-wert,
#inqbox .transport-kalkulationspreis strong,
#inqbox .transport-angebotspreis strong,
#inqbox .transport-nachlass-box strong,
#inqbox .transport-rabatt-box strong,
#inqbox .transport-ueberfuehrung strong {
	color: #111 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	transform: none;
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
	flex: 0 0 auto;
	transition: color 0.2s ease, font-size 0.2s ease;
}
/* Kalkulationspreis + Überführung: normal (nicht fett), kein Grün/Vergrößern */
#inqbox .transport-kalkulation-wert,
#inqbox .transport-ueber-wert,
#inqbox .transport-kalkulationspreis strong,
#inqbox .transport-ueberfuehrung strong,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-kalkulation-wert,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-kalkulationspreis strong,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-ueber-wert,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-ueberfuehrung strong,
#inqbox .transport-preiszeile.is-gewaehlt .transport-kalkulation-wert,
#inqbox .transport-preiszeile.is-gewaehlt .transport-kalkulationspreis strong,
#inqbox .transport-preiszeile.is-gewaehlt .transport-ueber-wert,
#inqbox .transport-preiszeile.is-gewaehlt .transport-ueberfuehrung strong {
	color: #374151 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
}
/* Nachlass / Rabatt / Top-Angebotspreis: gewählt = größer + grün */
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-angebot-wert,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-nachlass-euro,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-nachlass-prozent,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-angebotspreis strong,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-nachlass-box strong,
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-rabatt-box strong,
#inqbox .transport-preiszeile.is-gewaehlt .transport-angebot-wert,
#inqbox .transport-preiszeile.is-gewaehlt .transport-nachlass-euro,
#inqbox .transport-preiszeile.is-gewaehlt .transport-nachlass-prozent,
#inqbox .transport-preiszeile.is-gewaehlt .transport-angebotspreis strong,
#inqbox .transport-preiszeile.is-gewaehlt .transport-nachlass-box strong,
#inqbox .transport-preiszeile.is-gewaehlt .transport-rabatt-box strong {
	color: #00a900 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
}
/* Label „InterCar24 Top-Angebotspreis“ bei Auswahl ebenfalls grün + größer */
#inqbox .transport-card:has(input[name=chk_transportation]:checked) .transport-angebot-label,
#inqbox .transport-preiszeile.is-gewaehlt .transport-angebot-label {
	color: #00a900 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}
#inqbox .transport-kalkulationspreis,
#inqbox .transport-angebotspreis,
#inqbox .transport-ueberfuehrung,
#inqbox .transport-nachlass-box,
#inqbox .transport-rabatt-box {
	align-items: center !important;
	flex-wrap: nowrap !important;
}
#inqbox .transport-kalkulation-wert,
#inqbox .transport-angebot-wert,
#inqbox .transport-ueber-wert,
#inqbox .transport-kalkulationspreis > strong,
#inqbox .transport-angebotspreis > strong,
#inqbox .transport-ueberfuehrung > strong {
	align-self: center !important;
	margin-left: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-align: right !important;
	line-height: 1.2 !important;
	display: inline-block !important;
}
/* Lieferzeit: weiß mit grauem Rahmen, Layout wie KP */
#inqbox .transport-lieferzeit {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 0;
	padding: 10px 12px;
	min-height: 44px;
	background: #fff !important;
	border: 1px solid #e4e6e5 !important;
	border-radius: 12px;
	box-sizing: border-box;
}
#inqbox .transport-lieferzeit .transport-zusatz-titel {
	display: inline;
	margin: 0 !important;
	color: #3d4a40 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	white-space: normal;
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 8px;
}
#inqbox .transport-lieferzeit-feld {
	display: inline;
	width: auto !important;
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #374151 !important;
	text-align: right;
	background: transparent !important;
	border: 0 !important;
}

/* DE-Karte: vollständig sichtbar und etwas größer */
#inqbox .transport-card > .greyback {
	overflow: visible !important;
}
#inqbox .transport-card > .greyback > label > .icar24-de-karte-hintergrund {
	top: 8px !important;
	right: 4px !important;
	width: 123px !important;
	height: auto !important;
	aspect-ratio: 360 / 482 !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
	opacity: 0.92;
	transition: filter 0.35s ease, opacity 0.35s ease;
}
/* Gewählte Bereitstellung: dezenter grauer Glow am Kartenumriss */
#inqbox .transport-card:has(input[name=chk_transportation]:checked) > .greyback > label > .icar24-de-karte-hintergrund,
#inqbox .transport-card > .greyback:has(input[name=chk_transportation]:checked) > label > .icar24-de-karte-hintergrund {
	opacity: 1;
	filter: drop-shadow(0 0 2px rgba(55, 65, 81, 0.35)) drop-shadow(0 0 6px rgba(55, 65, 81, 0.16));
	animation: none;
}
#inqbox .transport-card .transtitle,
#inqbox .transport-card .descriptionbox.small {
	padding-right: 128px !important;
}
#inqbox .transport-angebot-preis,
#inqbox .transport-angebot-endpreis {
	display: none !important;
}

/* Kundendaten + PDF-Erzeugen */
#inqbox .icar-kundendaten-kachel {
	border: 1px solid #e4e6e5 !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05) !important;
	padding: 22px 18px 18px !important;
}
#inqbox .icar-kundendaten-hinweis {
	margin: 0 0 16px;
	color: #5c6560;
	font-size: 13px;
	line-height: 1.45;
}
#inqbox .icar-pdf-erzeugen {
	margin-top: 18px !important;
	padding: 24px 22px 22px !important;
	background: linear-gradient(180deg, #f7fbf7 0%, #fff 55%) !important;
	border: 1px solid #cfe8cf !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
	overflow: visible !important;
}
#inqbox .icar-pdf-erzeugen-inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
}
#inqbox .icar-pdf-erzeugen-text {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
}
#inqbox .icar-pdf-erzeugen .secondtitle {
	margin: 0 0 10px !important;
	color: #111 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}
#inqbox .icar-pdf-erzeugen-hinweis {
	margin: 0 0 8px;
	color: #5c6560;
	font-size: 14px;
	line-height: 1.45;
}
#inqbox .icar-pdf-erzeugen-stark {
	margin: 0;
	color: #111;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}
#inqbox .icar-pdf-erzeugen-aktion {
	flex: 1 1 auto;
	width: 100%;
	max-width: none;
}
#inqbox .icar-pdf-erzeugen .icar-btn-angebot {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	min-height: 78px;
	padding: 18px 24px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: linear-gradient(160deg, #12b816 0%, #00a900 45%, #068a0b 100%) !important;
	color: #fff !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	box-shadow: 0 14px 30px rgba(0, 169, 0, 0.28) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
#inqbox .icar-pdf-erzeugen .icar-btn-angebot .icar-btn-angebot-haupt {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}
#inqbox .icar-pdf-erzeugen .icar-btn-angebot .icar-btn-angebot-sub {
	display: block;
	font-size: 13px;
	font-weight: 500;
	opacity: 0.92;
	color: #fff;
}
#inqbox .icar-pdf-erzeugen .icar-btn-angebot:hover,
#inqbox .icar-pdf-erzeugen .icar-btn-angebot:focus {
	background: linear-gradient(160deg, #14c418 0%, #00b300 45%, #079c0c 100%) !important;
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(0, 169, 0, 0.34) !important;
	filter: brightness(1.02);
}
@keyframes icar24-send-puls {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 14px 30px rgba(0, 169, 0, 0.28);
	}
	50% {
		transform: scale(1.025);
		box-shadow: 0 18px 38px rgba(0, 169, 0, 0.42);
	}
}
#inqbox .icar-pdf-erzeugen .icar-btn-angebot.is-bereit-puls {
	animation: icar24-send-puls 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
	#inqbox .icar-pdf-erzeugen .icar-btn-angebot.is-bereit-puls {
		animation: none;
	}
}

/* Kundeneingabe: unter Sticky-Header freistellen */
#inqbox #second {
	scroll-margin-top: calc(var(--icar-header-h, 140px) + 20px);
	padding-top: 8px;
}
#inqbox #second > .row:first-child {
	scroll-margin-top: calc(var(--icar-header-h, 140px) + 20px);
}

/* Zurück zu Rabatten / Prämien */
#inqbox .icar-zurueck-rabatte {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 10px 14px;
	border: 1px solid #d5d8d6;
	border-radius: 12px;
	background: #fff;
	color: #374151 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	box-shadow: none;
	transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
	scroll-margin-top: calc(var(--icar-header-h, 140px) + 16px);
	position: relative;
	z-index: 2;
}
#inqbox .icar-zurueck-rabatte:hover,
#inqbox .icar-zurueck-rabatte:focus {
	border-color: #00a900;
	color: #067a0c !important;
	background: #f3fff3;
}

/* Rechte Auswahl-Kacheln: Design, kein Hover */
#inqbox .rightside .greyback,
#inqbox .rightside .greyback.priceb {
	border: 1px solid #e4e6e5 !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: none !important;
	transform: none !important;
	padding: 16px 14px !important;
	margin: 0 0 14px !important;
	transition: none !important;
}
#inqbox .rightside .greyback:hover,
#inqbox .rightside .greyback.priceb:hover {
	border-color: #e4e6e5 !important;
	box-shadow: none !important;
	transform: none !important;
}
#inqbox .rightside .icar-rechts-label {
	margin: 0 0 14px;
	padding: 0;
	color: #00a900 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
	line-height: 1.2 !important;
	text-transform: none;
}
#inqbox #birthday::placeholder {
	color: #9ca3af !important;
	opacity: 1;
}
#inqbox .rightside .kundengruppe,
#inqbox .rightside .praemie,
#inqbox .rightside .bereitstellung {
	width: 100%;
	margin: 0 0 12px;
	padding: 0;
}
#inqbox .rightside .praemie.is-leer {
	display: none !important;
}
#inqbox .rightside .kundengruppe:empty,
#inqbox .rightside .bereitstellung:empty {
	display: none !important;
}
#inqbox .rightside .bereitstellung {
	margin-top: 4px;
	padding-top: 12px;
	border-top: 1px solid #e8ebe9;
}
#inqbox .rightside .icar24-de-karte-hintergrund,
#inqbox .rightside .bereitstellung .icar24-de-karte-hintergrund {
	filter: none !important;
	animation: none !important;
}
#inqbox .rightside .bereitstellung .transport-angebot-aktion {
	display: none !important;
}
#inqbox .rightside .icar-pricebox-bind {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
	pointer-events: none !important;
}
#inqbox .rightside .basictitle,
#inqbox .rightside .disctitel,
#inqbox .rightside .transtitle,
#inqbox .rightside .transtitle strong {
	color: #111 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}
#inqbox .rightside .descriptionbox,
#inqbox .rightside .descriptionbox.small {
	color: #5c6560 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	min-height: 0 !important;
}
/* Keine Float-Brüche in der rechten Auswahl (sonst unvollständig) */
#inqbox .rightside .kundengruppe,
#inqbox .rightside .praemie,
#inqbox .rightside .bereitstellung,
#inqbox .rightside .kundengruppe *,
#inqbox .rightside .praemie *,
#inqbox .rightside .bereitstellung * {
	float: none !important;
	clear: none !important;
}
#inqbox .rightside .kundengruppe .col-lg-10,
#inqbox .rightside .kundengruppe .col-md-10,
#inqbox .rightside .kundengruppe .col-sm-10,
#inqbox .rightside .kundengruppe .col-xs-12,
#inqbox .rightside .praemie .col-md-11,
#inqbox .rightside .praemie .col-xs-12,
#inqbox .rightside .bereitstellung .col-md-11 {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 0 10px !important;
	display: block !important;
}
#inqbox .rightside .iconbox {
	display: none !important;
}
#inqbox .rightside .rabattgreen,
#inqbox .rightside .rabattinfo {
	float: none !important;
	display: inline-block !important;
	margin: 6px 0 0 !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.3 !important;
	padding: 6px 12px !important;
	box-sizing: border-box !important;
}
#inqbox .rightside .rabattinfo {
	background: #9ca3af !important;
	border: 1px solid #9ca3af !important;
}
#inqbox .rightside .icar-rechts-block {
	margin: 0 0 12px;
	padding: 0 0 10px;
	border-bottom: 1px solid #eef0ef;
}
#inqbox .rightside .icar-rechts-block:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
#inqbox .rightside .icar-rechts-titel {
	color: #111;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 4px;
}
#inqbox .rightside .icar-rechts-wert {
	display: inline-block;
	margin: 4px 0 6px;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}
#inqbox .rightside .icar-rechts-wert.is-grund {
	background: #00a900;
}
#inqbox .rightside .icar-rechts-wert.is-praemie {
	background: #9ca3af;
	border: 1px solid #9ca3af;
}
#inqbox .rightside .icar-rechts-desc {
	color: #5c6560;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
}
#inqbox .rightside .pricebox {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
}
#inqbox .rightside .priceb {
	background: #f7fbf7 !important;
	border-color: #cfe8cf !important;
}

@media (max-width: 900px) {
	#inqbox .icar-pdf-erzeugen-aktion {
		flex: 1 1 100%;
		max-width: none;
	}
	#inqbox .icar-bereit-reihe > .transport-card,
	#inqbox .grundrabatt-wahl > [class*="col-"],
	#inqbox .zusatzpraemien-wahl > [class*="col-"] {
		flex: 1 1 100%;
		max-width: 100%;
		min-width: 0;
	}
	/* Nach dem Laden: Textspalte darf die Seite nicht nach rechts aufweiten. */
	#inqbox .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100%;
		min-width: 0;
	}
	#inqbox .row > [class*="col-"] {
		max-width: 100%;
		min-width: 0;
		padding-left: 0;
		padding-right: 0;
	}
	#inqbox .transport-card > .greyback > label {
		align-items: flex-start;
		flex-direction: row;
		min-width: 0;
		max-width: 100%;
	}
	#inqbox .transport-card > .greyback > label > .col-md-11 {
		min-width: 0;
		width: auto;
		max-width: calc(100% - 26px);
		flex: 1 1 auto;
	}
	#inqbox .transport-preiszeile,
	#inqbox .transport-zusatzoptionen,
	#inqbox .transport-zusatzoption,
	#inqbox .transport-zusatz-feld,
	#inqbox .transport-kalkulationspreis,
	#inqbox .transport-angebotspreis,
	#inqbox .transport-nachlass-box,
	#inqbox .transport-rabatt-box,
	#inqbox .transport-ueberfuehrung,
	#inqbox .icar-code-karte,
	#inqbox .icar-code-zeile {
		min-width: 0;
		max-width: 100%;
	}
	#inqbox .transport-preiszeile {
		display: flex !important;
		flex-direction: column !important;
	}
	#inqbox .transport-zusatz-feld,
	#inqbox .transport-kalkulationspreis > span,
	#inqbox .transport-angebot-label,
	#inqbox .transport-nachlass-box > span,
	#inqbox .transport-rabatt-box > span,
	#inqbox .transport-ueber-label,
	#inqbox .transport-angebotspreis {
		white-space: normal;
	}
	#inqbox .icar-code-zeile span {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}
@keyframes icar-nach-laden-ein {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

/* Bereitstellung: Linien-/Marken-Design, alles sichtbar */
#inqbox .icar-bereit-reihe {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 14px;
	margin: 0 0 8px !important;
	overflow: visible !important;
}
#inqbox .icar-bereit-reihe > .transport-card {
	float: none !important;
	flex: 1 1 calc(33.333% - 14px);
	max-width: calc(33.333% - 10px);
	min-width: 240px;
	margin: 0 !important;
	padding: 0 !important;
}
#inqbox .transport-card > .greyback {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0 !important;
	padding: 22px 16px 16px !important;
	background: #fff !important;
	border: 1px solid #e4e6e5 !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	overflow: visible !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
#inqbox .transport-card > .greyback > label {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: 100%;
	min-height: 100%;
}
#inqbox .transport-card > .greyback > label > .col-md-11 {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}
#inqbox .transport-card .descriptionbox.small {
	min-height: 4.2em;
	margin-bottom: 0 !important;
}
#inqbox .transport-card .transport-preiszeile {
	margin-top: auto !important;
	padding-top: 12px;
}
#inqbox .icar-guenstigstes-reiter {
	position: absolute;
	top: 0;
	left: 14px;
	z-index: 6;
	transform: translateY(-50%);
	padding: 3px 10px;
	border-radius: 999px;
	background: #00a900;
	color: #fff;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.3;
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(0, 169, 0, 0.25);
	pointer-events: none;
}
/* Günstigstes: nur Reiter bleibt; grüner Rahmen nur bei Auswahl (:checked), nicht parallel an anderer Kachel */
#inqbox .transport-card.is-guenstigstes:not(:has(input[name=chk_transportation]:checked)) > .greyback {
	border-color: #e4e6e5 !important;
	box-shadow: none !important;
}

/* Bereitstellung: Optionen + Button immer vollständig sichtbar (kein Aufklappen) */
#inqbox .transport-zusatzoptionen {
	grid-template-rows: 1fr !important;
	margin-top: 0 !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	transition: none !important;
}
#inqbox .transport-zusatzoptionen-inner {
	overflow: visible !important;
	min-height: auto !important;
}
#inqbox .transport-card > .greyback:hover {
	border-color: #c8d4c8 !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
}
#inqbox .transport-card:has(input[name=chk_transportation]:checked) > .greyback,
#inqbox .transport-card > .greyback:has(input[name=chk_transportation]:checked) {
	border-color: #00a900 !important;
	/* Etwas mehr Präsenz als 1.1.437, weiterhin unter dem alten Stark-Glow */
	box-shadow: 0 0 0 2px rgba(0, 169, 0, 0.16), 0 8px 18px rgba(0, 169, 0, 0.1) !important;
}
#inqbox .transport-card .transtitle,
#inqbox .transport-card .transtitle strong {
	color: #111 !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}
#inqbox .transport-card .descriptionbox.small {
	color: #5c6560 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}
#inqbox .transport-angebot-link {
	border-radius: 14px !important;
	padding: 14px 12px !important;
	min-height: 52px !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	box-shadow: 0 8px 20px rgba(0, 169, 0, 0.22);
}
#inqbox .transport-angebot-link:hover {
	background: #008f00 !important;
}

#inqbox .icar-next-row {
	margin-top: 28px !important;
	margin-bottom: 12px !important;
	overflow: visible !important;
}
#inqbox .icar-next-haltung {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 8px;
}
#inqbox button.next_btn,
#inqbox button.next_btn.icar-btn-angebot-weiter {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	max-width: 560px;
	min-height: 76px;
	margin: 0 auto;
	padding: 16px 28px;
	border: 0;
	border-radius: 18px;
	background: linear-gradient(160deg, #12b816 0%, #00a900 45%, #068a0b 100%);
	color: #fff;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: 0 14px 32px rgba(0, 169, 0, 0.28);
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
#inqbox button.next_btn .icar-btn-angebot-haupt {
	display: block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.01em;
}
#inqbox button.next_btn .icar-btn-angebot-sub {
	display: block;
	font-size: 13px;
	font-weight: 500;
	opacity: 0.92;
}
#inqbox button.next_btn:hover {
	background: linear-gradient(160deg, #14c418 0%, #00b300 45%, #079c0c 100%);
	transform: translateY(-2px);
	box-shadow: 0 18px 36px rgba(0, 169, 0, 0.34);
	filter: brightness(1.02);
}
/* Ohne gewählte Bereitstellungskachel: Angebotserstellung gesperrt */
#inqbox button.next_btn:disabled,
#inqbox button.next_btn.is-disabled,
#inqbox button.next_btn.icar-btn-angebot-weiter:disabled,
#inqbox button.next_btn.icar-btn-angebot-weiter.is-disabled {
	opacity: 0.45;
	cursor: not-allowed;
	pointer-events: none;
	filter: grayscale(0.25);
	transform: none !important;
	box-shadow: none !important;
}

@media (max-width: 900px) {
	#inqbox .icar-bereit-reihe > .transport-card {
		flex: 1 1 calc(50% - 14px);
		max-width: none;
	}
}
@media (max-width: 640px) {
	#inqbox .icar-bereit-reihe > .transport-card {
		flex: 1 1 100%;
	}
}

#inqbox .submit_btn,
#inqbox button.greenbutton {
	border-radius: 18px;
	overflow: hidden;
}

#inqbox #second input[type="text"],
#inqbox #second input[type="email"],
#inqbox #second input[type="tel"],
#inqbox #second select,
#inqbox #second textarea {
	border: 1px solid #d5d8d6 !important;
	border-radius: 12px;
	min-height: 44px;
	padding: 8px 12px;
	background: #fff;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px !important;
}

#inqbox .fileuploader {
	border-radius: 14px;
	background: #e4e6e5;
	color: #1c1c1c;
}

@media (prefers-reduced-motion: reduce) {
	#inqbox .greyback,
	#inqbox .greybacksecond,
	#inqbox button.next_btn {
		transition: none;
	}

	#inqbox .greyback:hover,
	#inqbox button.next_btn:hover {
		transform: none;
	}
}

/* Seiteninhalt grau – Header, Breadcrumb und Intro-Kachel bleiben weiß. */
body:has(#inqbox),
body:has(#inqbox) #main {
	background: #f2f3f4 !important;
	background-image: none !important;
}

body:has(#inqbox) #main .container_wrap:not(.title_container):not(#av-layout-grid-1),
body:has(#inqbox) #main .main_color:not(.title_container):not(#av-layout-grid-1),
body:has(#inqbox) #main .alternate_color:not(.title_container):not(#av-layout-grid-1),
body:has(#inqbox) #main .light_bg_color:not(.title_container):not(#av-layout-grid-1):not(#header):not(#header_main):not(#header_meta) {
	background: #f2f3f4 !important;
	background-image: none !important;
}

body:has(#inqbox) #header,
body:has(#inqbox) #header_meta,
body:has(#inqbox) #header_main,
body:has(#inqbox) #header .header_bg,
body:has(#inqbox) #header .container_wrap,
body:has(#inqbox) #header .light_bg_color,
body:has(#inqbox) #header .main_color,
body:has(#inqbox) #header .header_color {
	background: #fff !important;
	background-image: none !important;
}

/* Breadcrumb-Leiste weiß. */
body:has(#inqbox) .title_container,
body:has(#inqbox) .title_container.container_wrap,
body:has(#inqbox) .title_container.light_bg_color,
body:has(#inqbox) .title_container.alternate_color,
body:has(#inqbox) .title_container .container {
	background: #fff !important;
	background-image: none !important;
}

body:has(#inqbox) .title_container {
	border-bottom: 1px solid #ececec !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	margin: 0 !important;
	min-height: 0 !important;
}

body:has(#inqbox) #av-layout-grid-1,
body:has(#inqbox) #av-layout-grid-2,
body:has(#inqbox) #inqbox {
	width: min(calc(1180px + 7cm), calc(100% - 32px)) !important;
	max-width: none;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/*
 * Intro-Kachel: eine durchgehende weiße Fläche (Text + Fahrzeug),
 * volle Inhaltsbreite, abgerundet wie die Linien-Kacheln darunter.
 * Spezifität bewusst höher als die Grauregel für .main_color.
 */
#top:has(#inqbox) #main #av-layout-grid-1,
#top:has(#inqbox) #main #av-layout-grid-1.main_color,
#top:has(#inqbox) #main #av-layout-grid-1.entry-content-wrapper {
	display: grid !important;
	visibility: visible !important;
	opacity: 1 !important;
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr) !important;
	align-items: center !important;
	column-gap: 28px !important;
	row-gap: 0 !important;
	padding: 22px 24px !important;
	margin-top: 18px !important;
	margin-bottom: 17px !important;
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	overflow-anchor: none;
	box-shadow: none !important;
}

/* Layout-Einfügen (Linien) soll die Scrollposition nicht verrutschen */
body:has(#inqbox) .icar-linien-wrap,
body:has(#inqbox) #inqbox {
	overflow-anchor: none;
}

#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #1c1c1c;
}

/* Textzelle bleibt ohne grauen Bildhintergrund. */
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-3 {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	display: block !important;
}

#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-1 {
	order: 2 !important;
}

#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-3 {
	order: 1 !important;
}

#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av_one_fifth {
	display: none !important;
}

/*
 * Fahrzeugbild wie Markenseite .hero__visual:
 * grauer Hintergrund am Bild-Container, Bild kleiner / contain.
 * Wichtig: max-height/width:auto NICHT auf die Flex-Zelle legen (sonst kein Bild).
 */
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av-hide-on-mobile,
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-1,
#top:has(#inqbox) #main #av-layout-grid-1 .avia-image-container,
#top:has(#inqbox) #main #av-layout-grid-1 .avia-image-container-inner {
	background: #f2f3f4 !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 14px !important;
	box-shadow: none !important;
}

#top:has(#inqbox) #main #av-layout-grid-1 .avia-image-container-inner,
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av-hide-on-mobile,
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-1 {
	display: grid !important;
	place-items: center !important;
	align-content: center !important;
	min-height: 180px;
	padding: 12px !important;
	box-sizing: border-box !important;
}

#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av-hide-on-mobile,
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-1 {
	opacity: 1 !important;
	visibility: visible !important;
}

#top:has(#inqbox) #main #av-layout-grid-1 .avia_image {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#top:has(#inqbox) #main #av-layout-grid-1 .avia_image,
#top:has(#inqbox) #main #av-layout-grid-1 .avia-image-container img,
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av-hide-on-mobile img,
#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-1 img {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 200px !important;
	object-fit: contain !important;
	margin-left: auto !important;
	margin-right: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
}

body:has(#inqbox) #av-layout-grid-1 h1,
body:has(#inqbox) #av-layout-grid-1 .av-special-heading {
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #00a900 !important;
	font-size: clamp(22px, 2.4vw, 28px) !important;
	line-height: 1.2;
	font-weight: 700;
}

body:has(#inqbox) #av-layout-grid-1 .special-heading-border {
	display: none;
}

body:has(#inqbox) #av-layout-grid-1 .av_one_fifth {
	background: #f2f3f4 !important;
}

body:has(#inqbox) #av-layout-grid-1 .av_one_fifth,
body:has(#inqbox) #av-layout-grid-1 .av_one_fifth p,
body:has(#inqbox) #av-layout-grid-1 .av_one_fifth span,
body:has(#inqbox) #av-layout-grid-1 .av_one_fifth h4 {
	color: #1c1c1c !important;
}

body:has(#inqbox) #av-layout-grid-1 .av_one_fifth h4,
body:has(#inqbox) #av-layout-grid-1 .av_one_fifth h4 span {
	color: #00a900 !important;
	font-size: 16px;
}

body:has(#inqbox) #av-layout-grid-1 .avia_textblock,
body:has(#inqbox) #av-layout-grid-1 .avia_textblock p,
body:has(#inqbox) #av-layout-grid-1 .avia_textblock span {
	color: #244028;
	font-size: 13.5px;
	line-height: 1.55;
}

/* H2 unter der H1 in der Intro-Kachel – klar als Unterüberschrift */
body:has(#inqbox) #av-layout-grid-1 .avia_textblock h2,
body:has(#inqbox) #av-layout-grid-1 .avia_textblock h2 span {
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #1c1c1c !important;
	font-size: clamp(16px, 1.7vw, 19px) !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
}

body:has(#inqbox) #av-layout-grid-1 .avia_textblock p {
	margin: 0 0 10px !important;
}

body:has(#inqbox) #av-layout-grid-1 .avia_textblock p.icar-intro-cta {
	margin-top: 12px !important;
}

body:has(#inqbox) #av-layout-grid-1 .avia_textblock p:last-child {
	margin-bottom: 0 !important;
}

body:has(#inqbox) #av-layout-grid-2 {
	margin-bottom: 14px !important;
	background: transparent !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 14px 0;
}

body:has(#inqbox) #av-layout-grid-2 .flex_cell {
	background: #fff !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 18px;
	vertical-align: top;
}

body:has(#inqbox) #av-layout-grid-2 h2,
body:has(#inqbox) #av-layout-grid-2 h2 strong,
body:has(#inqbox) #av-layout-grid-2 h2 span {
	color: #111 !important;
	font-size: 18px;
	line-height: 1.25;
}

body:has(#inqbox) #av-layout-grid-2 .av_font_icon,
body:has(#inqbox) #av-layout-grid-2 .av-icon-char {
	color: #00a900 !important;
	border-color: #00a900 !important;
}

body:has(#inqbox) #av-layout-grid-2 p,
body:has(#inqbox) #av-layout-grid-2 p strong,
body:has(#inqbox) #av-layout-grid-2 p span {
	color: #5c6560 !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

body:has(#inqbox) #av-layout-grid-2.icar-linien-ersetzt {
	display: none !important;
}

/*
 * Linien/Motoren sitzen als Sibling NACH #inqbox (js/linien.js), nicht in #first.
 * Grund: Enfold base.css `.entry-content-wrapper li { padding:3px 0; margin-left:1em }`
 * (#inqbox hat .entry-content-wrapper) – gleiche Spezifität wie `.icar-linien li`,
 * gewinnt in der Kaskade → Footer-Clip / schiefe Motor-Kacheln. overflow:visible (996) half nicht.
 *
 * Gap Ladekachel → „Aktuelle Ausstattungslinien“ (1.0.999):
 * Staging Cupra Raval: Hauptkachel→inqbox ≈ 40px. Darunter war ~2× wegen
 * .upe-zeile mb 40 + #inqbox mb + #first mb + wrap mt/pt (Enfold .entry-content-wrapper).
 * Alles nullen, wrap-mt = Gap darüber (40).
 */
#inqbox.entry-content-wrapper,
#inqbox #first,
#inqbox fieldset#first {
	overflow: visible !important;
}

#top:has(#inqbox) #main #inqbox,
#top:has(#inqbox) #main #inqbox.entry-content-wrapper,
#top:has(#inqbox) #main #inqbox.container {
	margin-bottom: 0 !important;
}

#top:has(#inqbox) #inqbox #first,
#top:has(#inqbox) #inqbox fieldset#first {
	margin: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Killer: 40px unter der Einstieg-Zeile (= sichtbare Ladekachel) */
#top:has(#inqbox) #inqbox .row.upe-zeile {
	margin-bottom: 0 !important;
}

/* Abstand wiederherstellen, wenn der Rechner nach dem Laden aufklappt */
#top:has(#inqbox) #inqbox .icar-nach-laden.is-sichtbar {
	margin-top: 28px !important;
}

#top:has(#inqbox) #main #av-layout-grid-2.icar-linien-ersetzt {
	margin: 0 !important;
	padding: 0 !important;
}

.icar-linien-wrap {
	width: min(calc(1180px + 7cm), calc(100% - 32px));
	max-width: none;
	/* Visuell = Gap Hauptkachel→Ladekachel (~40px gemessen) */
	margin: 40px auto 18px;
	padding: 0 2px 14px;
	overflow: visible !important;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	box-sizing: border-box;
}

/* Nach PDF/Code-Laden: Linien + Motoren ausblenden; bei Reset (#inqbox ohne .has-fahrzeug) wieder da. */
#inqbox.has-fahrzeug ~ .icar-linien-wrap,
body:has(#inqbox.has-fahrzeug) .icar-linien-wrap,
.icar-linien-wrap.is-versteckt {
	display: none !important;
}

#top:has(#inqbox) #main > .icar-linien-wrap,
#top:has(#inqbox) #inqbox + .icar-linien-wrap,
#top:has(#inqbox) #inqbox #first > .icar-linien-wrap {
	margin-top: 40px !important;
	padding-top: 0 !important;
}

/* Falls Wrap doch in #inqbox landet: Enfold-li hart zurücksetzen */
html body#top #inqbox .icar-linien-wrap,
html body#top #inqbox .icar-linien-wrap .icar-linien,
html body#top #inqbox .icar-linien-wrap .icar-motoren {
	overflow: visible !important;
}

.icar-linien-titel {
	margin: 0 0 12px;
	color: #111;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.15;
}

/* Linien-Raster: ol ist das Grid (kein display:contents) → voller Kachel-Rahmen. */
.icar-linien.icar-kachel-grid,
.icar-linien {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 18px;
	padding: 0 0 2px;
	list-style: none;
	align-items: stretch;
	overflow: visible !important;
	counter-reset: icarlinie;
}

.icar-motoren-label {
	margin: 4px 0 10px;
	color: #111;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}

/* Spezifität > Enfold `.entry-content-wrapper li` (falls Wrap doch darin hängt) */
html body#top .icar-linien-wrap .icar-linien > li,
.icar-linien-wrap .icar-linien > li {
	counter-increment: icarlinie;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 100%;
	margin: 0 !important;
	padding: 16px 14px 16px !important;
	list-style: none;
	background: #fff;
	border: 1px solid #e0e2e1;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.05);
	box-sizing: border-box;
	overflow: visible !important;
	max-height: none !important;
	-webkit-line-clamp: unset;
	line-clamp: unset;
}

html body#top .icar-linien-wrap .icar-linien > li::before,
.icar-linien-wrap .icar-linien > li::before {
	content: counter(icarlinie, decimal-leading-zero);
	display: block;
	margin-bottom: 8px;
	color: #00a900;
	font-size: 13px;
	font-weight: 700;
}

html body#top .icar-linien-wrap .icar-linien > li.is-sonder,
.icar-linien-wrap .icar-linien > li.is-sonder {
	background: #f7fcf5;
}

html body#top .icar-linien-wrap .icar-linien > li.is-sonder::before,
.icar-linien-wrap .icar-linien > li.is-sonder::before {
	content: "Sondermodell";
	letter-spacing: 0.04em;
}

.icar-linien strong {
	display: block;
	margin-bottom: 4px;
	color: #111;
	font-size: 18px;
}

.icar-linien .icar-highlight {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	line-clamp: 8;
	overflow: hidden;
	margin: 0;
	color: #5c6560;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	max-height: calc(1.45em * 8);
}

.icar-linien .icar-preise {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	margin-top: auto;
	padding-top: 16px;
}

.icar-linien .icar-preise p {
	margin: 0;
}

.icar-linien .icar-preise .icar-upe {
	margin-left: 5px;
}

.icar-linien .icar-upe {
	position: relative;
	display: inline-block;
	align-self: flex-start;
	width: fit-content;
	max-width: 100%;
	margin-left: 5px;
	color: #d10000;
	font-size: 13px;
	font-weight: 300;
}

.icar-linien .icar-upe,
.icar-linien .icar-upe b {
	color: #d10000;
	font-weight: 300;
}

.icar-linien .icar-upe b {
	margin-left: 4px;
	font-size: 13px;
}

.icar-linien .icar-streich {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	pointer-events: none;
}

.icar-linien .icar-top {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: 0 0 auto;
	gap: 6px;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 10px 10px;
	background: #00a900;
	border-radius: 12px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.15;
	overflow: visible;
}

.icar-linien .icar-top .icar-rabatt {
	align-self: flex-end;
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 4px;
	padding: 1px 8px;
	background: #fff;
	border-radius: 999px;
	color: #00a900;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	white-space: nowrap;
}
.icar-linien .icar-top .icar-rabatt .icar-biszu {
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	color: #00a900;
	text-transform: none;
}

.icar-linien .icar-top-zeile {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
}

.icar-linien .icar-top-label,
.icar-linien .icar-top b,
.icar-linien .icar-top .icar-ab {
	color: #fff;
	font-weight: 700;
	line-height: 1.15;
}

.icar-linien .icar-top-label {
	font-size: 13px;
}

.icar-linien .icar-top b,
.icar-linien .icar-top .icar-ab {
	font-size: 15px;
}

.icar-linien .icar-top b {
	margin: 0;
	text-align: right;
	white-space: nowrap;
}

.icar-linien .icar-top .icar-ab {
	margin-right: 4px;
}

/* Motoren: eine Zeile wenn Platz (≥4 Spalten), sonst Umbruch – kein flex-25%-Gap. */
.icar-motoren {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 12px;
	margin: 0 0 29px;
	padding: 2px 0 4px;
	list-style: none;
	overflow: visible !important;
	box-sizing: border-box;
}

html body#top .icar-linien-wrap .icar-motoren > li.icar-motor-kachel,
.icar-linien-wrap .icar-motoren > li.icar-motor-kachel {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 14px !important;
	list-style: none;
	background: #fff;
	border: 1px solid #e0e2e1;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.05);
	box-sizing: border-box;
	overflow: visible !important;
	max-height: none !important;
}

.icar-motoren .icar-motor-text {
	min-width: 0;
	flex: 1 1 auto;
}

.icar-motoren strong {
	display: block;
	margin: 0 0 2px;
	color: #111;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
}

.icar-motoren .icar-motor-meta {
	display: block;
	margin-top: 1px;
	color: #5c6560;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.3;
}

.icar-antrieb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	border-radius: 999px;
	color: #fff;
}

.icar-antrieb svg {
	display: block;
	width: 12px;
	height: 12px;
}

.icar-antrieb.is-elektro { background: #00a900; }
.icar-antrieb.is-plugin { background: #8b918e; }
.icar-antrieb.is-verbrenner { background: #8a5a32; }

body:has(#inqbox) #after_submenu {
	display: none !important;
	border: 0 !important;
}

body:has(#inqbox) .icar-lieferzeit {
	margin: 0;
	color: #00a900 !important;
	font-size: 18px !important;
	font-weight: 700;
}

@media (max-width: 900px) {
	/* Gleiche Spezifität wie die Desktop-Zweispaltendefinition, sonst bleibt die Textspalte ~2px breit. */
	#top:has(#inqbox) #main #av-layout-grid-1,
	#top:has(#inqbox) #main #av-layout-grid-1.main_color,
	#top:has(#inqbox) #main #av-layout-grid-1.entry-content-wrapper,
	body:has(#inqbox) #top #av-layout-grid-1 {
		grid-template-columns: minmax(0, 1fr) !important;
		align-items: start !important;
		row-gap: 12px !important;
		overflow: visible !important;
	}

	#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell,
	#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av_two_fifth,
	#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av_three_fifth,
	#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.av-hide-on-mobile,
	body:has(#inqbox) #top #av-layout-grid-1 > .flex_cell,
	body:has(#inqbox) #top #av-layout-grid-1 > .flex_cell.av_two_fifth,
	body:has(#inqbox) #top #av-layout-grid-1 > .flex_cell.av_three_fifth,
	body:has(#inqbox) #top #av-layout-grid-1 > .flex_cell.av-hide-on-mobile {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		float: none !important;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
	}

	#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-3,
	body:has(#inqbox) #top #av-layout-grid-1 > .flex_cell.avia-builder-el-3 {
		order: 1 !important;
	}

	#top:has(#inqbox) #main #av-layout-grid-1 > .flex_cell.avia-builder-el-1,
	body:has(#inqbox) #top #av-layout-grid-1 > .flex_cell.avia-builder-el-1 {
		order: 2 !important;
	}

	#top:has(#inqbox) #main #av-layout-grid-1 .avia-image-container-inner {
		min-height: 0 !important;
		height: auto !important;
	}

	/* Enfold setzt .container unter 767px auf 85 %. Dadurch sitzt der Rechner schmaler als Intro und Linien. */
	#top #wrap_all #main #inqbox.container,
	#top:has(#inqbox) #main #inqbox.entry-content-wrapper.container {
		width: calc(100% - 32px) !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* Intro-/Linien-/Motor-Texte auf Mobile wieder sichtbar */
	body:has(#inqbox) #av-layout-grid-1 .avia_textblock,
	body:has(#inqbox) #av-layout-grid-1 .avia_textblock p,
	body:has(#inqbox) #av-layout-grid-1 .avia_textblock h2,
	body:has(#inqbox) #av-layout-grid-1 .avia_textblock span,
	.icar-linien-wrap .icar-linien > li,
	.icar-linien strong,
	.icar-linien .icar-highlight,
	.icar-linien .icar-preise,
	.icar-linien-wrap .icar-motoren > li.icar-motor-kachel,
	.icar-motoren strong,
	.icar-motoren .icar-motor-meta,
	.icar-linien-titel,
	.icar-motoren-label {
		visibility: visible !important;
		opacity: 1 !important;
	}

	body:has(#inqbox) #av-layout-grid-1 .avia_textblock,
	body:has(#inqbox) #av-layout-grid-1 .avia_textblock p,
	body:has(#inqbox) #av-layout-grid-1 .avia_textblock span {
		color: #244028 !important;
	}

	.icar-linien strong,
	.icar-linien-titel,
	.icar-motoren-label,
	.icar-motoren strong {
		color: #111 !important;
	}

	.icar-linien .icar-highlight,
	.icar-motoren .icar-motor-meta {
		color: #5c6560 !important;
	}

	.icar-linien-titel {
		font-size: 16px;
	}

	.icar-linien.icar-kachel-grid,
	.icar-linien {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 16px;
	}

	.icar-motoren {
		grid-template-columns: 1fr 1fr;
	}

	#inqbox .icar-einstieg {
		scroll-margin-top: 12px;
	}

	/* Mobil: Header nicht festkleben. */
	html:has(#inqbox) #header,
	html.icar24-header-locked #header {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
	}
	html:has(#inqbox),
	html:has(#inqbox) body,
	html:has(#inqbox) #wrap_all {
		background: #f2f3f4 !important;
	}
	html:has(#inqbox) #main,
	html.icar24-header-locked #main {
		display: flow-root !important;
		padding-top: 0 !important;
		background: #f2f3f4 !important;
	}
	html:has(#inqbox) .sticky_placeholder,
	html.icar24-header-locked .sticky_placeholder {
		display: none !important;
		height: 0 !important;
	}
	#inqbox,
	#inqbox form,
	#inqbox fieldset,
	#inqbox .row,
	#inqbox [class*="col-"],
	#inqbox .greyback,
	#inqbox .icar-code-kachel,
	#inqbox .icar-code-karte,
	#inqbox .icar-nach-laden,
	#inqbox .transport-card,
	#inqbox .transport-preiszeile,
	#inqbox .transport-zusatzoptionen,
	#inqbox .transport-zusatzoptionen-inner,
	#inqbox .transport-zusatzoption {
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	#inqbox .transport-zusatzoption,
	#inqbox .transport-zusatzoptionen-inner {
		width: 100% !important;
	}
	#inqbox .icar-code-zeile {
		align-items: flex-start;
	}
	#inqbox .icar-code-zeile > span,
	#inqbox .icar-code-karte h3 {
		min-width: 0;
		white-space: normal !important;
		overflow-wrap: break-word;
	}
	#inqbox .icar-code-zeile b,
	#inqbox .icar-code-summe b,
	#inqbox .transportkosten strong,
	#inqbox .transport-angebot-wert,
	#inqbox .transport-nachlass-euro,
	#inqbox .transport-nachlass-prozent,
	#inqbox .transport-zulassung-euro {
		white-space: nowrap !important;
		overflow-wrap: normal !important;
		flex: 0 0 auto;
	}
	#inqbox .transport-preiszeile {
		display: flex !important;
		flex-direction: column !important;
	}
	#inqbox .transport-nachlass-zeile {
		flex-direction: column;
	}
	#inqbox .transport-kalkulationspreis,
	#inqbox .transport-angebotspreis,
	#inqbox .transport-nachlass-box,
	#inqbox .transport-rabatt-box,
	#inqbox .transport-ueberfuehrung,
	#inqbox .transport-zusatz-feld {
		height: auto !important;
		min-height: 32px;
		max-width: 100% !important;
		overflow: hidden;
		align-items: center;
	}
	#inqbox .transport-zulassung-name,
	#inqbox .transport-kalkulationspreis > span,
	#inqbox .transport-angebot-label,
	#inqbox .transport-nachlass-box > span,
	#inqbox .transport-rabatt-box > span,
	#inqbox .transport-ueber-label {
		height: auto !important;
		min-width: 0;
		flex: 1 1 auto;
		white-space: normal !important;
	}
}

@media (max-width: 560px) {
	.icar-linien.icar-kachel-grid,
	.icar-linien {
		grid-template-columns: 1fr;
	}

	/* Motoren weiter nebeneinander, nicht nur untereinander */
	.icar-motoren {
		grid-template-columns: 1fr 1fr;
	}
}