/* RSK Preisrechner - Frontend. Bewusst schlicht, uebernimmt Themefarben wo moeglich. */
.rsk-rechner{max-width:640px;margin:0 auto;font-size:16px;line-height:1.5}
.rsk-rechner fieldset{border:1px solid #d8d8d8;border-radius:6px;padding:16px;margin:0 0 18px}
.rsk-rechner legend{font-weight:600;padding:0 6px}
.rsk-rechner label{display:block;margin:10px 0 4px;font-weight:600}
.rsk-rechner input,.rsk-rechner select{width:100%;padding:9px;border:1px solid #c3c4c7;border-radius:4px;font-size:16px}
.rsk-rechner .rsk-zeile{display:flex;gap:12px}
.rsk-rechner .rsk-zeile>div{flex:1}
.rsk-rechner button{padding:12px 22px;font-size:16px;border-radius:4px;border:0;background:#1d4ed8;color:#fff;cursor:pointer}
.rsk-rechner button[disabled]{opacity:.5;cursor:not-allowed}
.rsk-rechner .rsk-hinweis{font-size:13px;color:#555;margin-top:4px;font-weight:400}
.rsk-rechner .rsk-ergebnis{border:1px solid #d8d8d8;border-left:5px solid #1d4ed8;border-radius:6px;padding:16px;margin-top:18px}
.rsk-rechner .rsk-ergebnis.rsk-kein-preis{border-left-color:#a16207;background:#fffbeb}
.rsk-rechner .rsk-betrag{font-size:28px;font-weight:700}
.rsk-rechner .rsk-betrag-netto{font-size:15px;color:#555}
.rsk-rechner .rsk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* 2.1.9 — der Weg fuer Sonderfahrzeuge. Ein Textlink, kein zweiter Hauptknopf:
   er soll auffindbar sein, ohne mit "Preis berechnen" zu konkurrieren. */
.rsk-rechner button.rsk-link{background:none;color:#1d4ed8;border:0;padding:0;font-size:14px;text-decoration:underline}
.rsk-rechner textarea{width:100%;padding:9px;border:1px solid #c3c4c7;border-radius:4px;font-size:16px;font-family:inherit}

/* ---------------------------------------------------------- 2.1.26 Fahrzeugwelten */
/* Der Sprungpunkt fuer ?welt=...#preisrechner. Der Abstand nach oben sorgt dafuer,
   dass eine mitscrollende Kopfzeile den Anfang des Rechners nicht verdeckt. */
.rsk-anker{display:block;height:0;overflow:hidden;scroll-margin-top:96px}
.rsk-rechner .rsk-welt{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;
	justify-content:space-between;margin:0 0 14px;font-size:15px}
/* Die zwei Suchwege. Grosse Flaechen, umbruchfaehig — auf dem Telefon stehen sie
   untereinander, ohne dass dafuer eine zweite Ansicht noetig waere. */
.rsk-rechner .rsk-wege{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 4px}
.rsk-rechner button.rsk-weg{flex:1 1 200px;min-height:48px;background:#f1f2f4;color:#1f2328;
	border:2px solid #c3c4c7;font-weight:600}
.rsk-rechner button.rsk-weg.rsk-weg-an{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
@media (max-width:480px){
	.rsk-rechner{font-size:16px}
	.rsk-rechner fieldset{padding:12px}
	.rsk-rechner .rsk-zeile{flex-wrap:wrap}
	.rsk-rechner button{width:100%}
	.rsk-rechner button.rsk-link{width:auto}
}