@import url('/typo3conf/ext/lutz_motorentechnik/Resources/Public/Css/styles.css');

/* Die Hauptbox */
.aixam-box {
	background-color: #1a3a8a;
	min-height: 450px;
}

/* Der Text über dem Link */
.lead-text {
	font-size: 1.25rem;
	line-height: 1.4;
}

.aixam-box img {
	max-width: 100%;
	height: auto;
}

/* Textlinks auf blauem Grund: normal weiß mit weißem Pfeil, Hover rote Linie + roter Pfeil */
.aixam-box a:not(.lutz-btn-link) {
	color: var(--weiss);
	border-bottom: 0;
	text-decoration: none;
}

.aixam-box a:not(.lutz-btn-link):hover,
.aixam-box a:not(.lutz-btn-link):focus-visible {
	color: var(--weiss);
	text-decoration: underline;
	text-decoration-color: var(--rot);
	text-decoration-thickness: 1px;
	text-underline-offset: 6px;
	text-decoration-skip-ink: none;
}

.aixam-box a:not(.lutz-btn-link)::after {
	display: inline-block;
	font-family: "bootstrap-icons";
	content: "\f285";
	color: var(--weiss);
	margin-left: 8px;
	vertical-align: middle;
	font-size: 0.8em;
}

.aixam-box a:not(.lutz-btn-link):hover::after,
.aixam-box a:not(.lutz-btn-link):focus-visible::after {
	color: var(--rot);
}

.aixam-box a:not(.lutz-btn-link)[href^="mailto:"]::after {
	content: none;
}

/* Button: Grundstil in custom.css (#BUTTONS) */
.aixam-box .bottom-content {
	max-width: 300px;
}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {}