/* Störer „Mitglied werden“ — ooliv 19.10.2026. Siehe inc/stoerer.php. */

/* 1. Startseite: Zeile und Knopf unter den Häkchen (Fläche kommt aus .largest-association-inner). */
.largest-association-inner .isuv-stoerer-zeile {
	font-size: 20px;
	line-height: 1.5;
	color: #151515;
	max-width: 760px;
	margin: 4px auto 22px;
}

/* 2. Unterseiten: Abschnitt „CTA Light“ mit Custom Class „stoerer“ wird zur grauen Störer-Fläche.
      !important nur für den Hintergrund: der Baustein schreibt inline background: url(''). */
.contact-box-light.stoerer .contact-box-inner {
	background: #E9E9E9 !important;
	border: 0;
	padding: 30px 20px;
}
.contact-box-light.stoerer .contact-box-inner h2 {
	font-size: 30px;
	margin: 0 0 12px;
}
.contact-box-light.stoerer .contact-box-title {
	font-size: 20px;
	line-height: 1.5;
	color: #151515;
	max-width: 760px;
	margin: 0 auto;
}
.contact-box-light.stoerer .contact-box-title p:last-child { margin-bottom: 0; }
.contact-box-light.stoerer .home-contact-btns { margin: 16px 0 0; }
.contact-box-light.stoerer .home-contact-btns li { margin: 0 6px; }

/* Knopf in beiden Fällen im Rot der Mitglieds-Kästen. */
.largest-association-inner a.btn-filled.isuv-stoerer-knopf,
.contact-box-light.stoerer a.btn-filled {
	background: #BF2600;
	border-color: #BF2600;
	color: #fff;
}
.largest-association-inner a.btn-filled.isuv-stoerer-knopf:hover,
.contact-box-light.stoerer a.btn-filled:hover {
	background: #A32000;
	border-color: #A32000;
	color: #fff;
}
.largest-association-inner a.btn-filled.isuv-stoerer-knopf:focus-visible,
.contact-box-light.stoerer a.btn-filled:focus-visible {
	outline: 3px solid #002F3E !important;
	outline-offset: 3px;
}

@media (max-width: 767px) {
	.largest-association-inner .isuv-stoerer-zeile,
	.contact-box-light.stoerer .contact-box-title { font-size: 17px; }
	.contact-box-light.stoerer .contact-box-inner h2 { font-size: 24px; }
}