/* RR146 Info-Seite und Datenschutzhinweise - Royal-Rangers-CI (Website rr146.de).
 * Schrift "Libre Franklin" wird von der Website global geladen (hier nicht eingebunden). */

.rr146-info {
	--rr146-text: #1A1A18;
	--rr146-muted: #55534A;
	--rr146-blau: #1E398F;
	--rr146-blau-dunkel: #172C70;
	--rr146-gelb: #FCE604;
	--rr146-flaeche: #FFFEFB;
	--rr146-grund: #F7F6F2;
	--rr146-linie: #E3E1D2;
	--rr146-linie-stark: #CFCCB8;
	--rr146-fokus: rgba(30, 57, 143, 0.25);
	margin: 0;
	font-family: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 17px;
	line-height: 1.6;
	color: var(--rr146-text);
}
.rr146-info h2,
.rr146-info h3 { color: var(--rr146-text); font-family: inherit; font-weight: 700; line-height: 1.25; }
.rr146-info h3 { margin-top: 1.6em; }
.rr146-info a { color: var(--rr146-blau); text-decoration: underline; text-underline-offset: 2px; }
.rr146-info a:hover { color: var(--rr146-blau-dunkel); }
.rr146-info a:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--rr146-fokus); border-radius: 4px; }

.rr146i-steps { padding-left: 1.4em; }
.rr146i-steps li { margin-bottom: 10px; }
.rr146i-steps li::marker { color: var(--rr146-blau); font-weight: 700; }

.rr146i-cta { text-align: center; margin: 28px 0; }
.rr146-info .rr146i-button {
	display: inline-block;
	background: var(--rr146-blau);
	color: #fff !important;
	text-decoration: none;
	border-radius: 999px;
	padding: 14px 34px;
	font-size: 1.1em;
	font-weight: 700;
	transition: background 0.15s ease;
}
.rr146-info .rr146i-button:hover { background: var(--rr146-blau-dunkel); color: #fff !important; }
.rr146-info .rr146i-button:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--rr146-fokus); }
.rr146i-cta small { color: var(--rr146-muted); display: block; margin-top: 10px; }

.rr146i-kontakt {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 24px 0 64px;
	font-size: 0.95em;
}
.rr146i-kontakt > div {
	background: var(--rr146-flaeche);
	border: 1px solid var(--rr146-linie);
	border-top: 4px solid var(--rr146-gelb);
	border-radius: 20px;
	padding: 16px 18px;
}

.rr146-ds { max-width: 820px; }
.rr146i-stand { color: var(--rr146-muted); font-size: 0.9em; margin-top: 2em; }

@media (max-width: 760px) {
	.rr146i-kontakt { grid-template-columns: 1fr; }
}