/* Gemeinsame Orientierung für die beiden Camping-Rechner. */
body.planner-page.rechner-visuals { background: #f7f6f1; }
body.rechner-visuals::after { display: none; }
.rechner-visuals .rr-icon { display: inline-block; width: 24px; height: 24px; flex: 0 0 24px; vertical-align: middle; }
.rechner-visuals .rr-field-label { display: flex; align-items: center; gap: 8px; color: #253b35; font: inherit; }
.rechner-visuals .rr-field-label .rr-icon { width: 19px; height: 19px; flex-basis: 19px; color: #64766e; }
.rechner-visuals .rr-icon-heading { display: flex; align-items: center; gap: 12px; }
.rechner-visuals .rr-heading-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; color: #243a35; background: #ecc374; border-radius: 12px; }
.rechner-visuals .result-grid dt { display: flex; align-items: center; gap: 7px; }
.rechner-visuals .result-grid dt .rr-icon { width: 19px; height: 19px; flex-basis: 19px; color: #49695a; }
.rechner-visuals .rr-skip-link { position: absolute; top: 8px; left: 16px; z-index: 10; padding: 12px 18px; background: #1d322b; color: white; border-radius: 8px; transform: translateY(-160%); }
.rechner-visuals .rr-skip-link:focus { transform: translateY(0); }
.rechner-visuals .rr-product-visual { margin: 0 0 16px; padding: 10px; border: 1px solid #dfe6dd; border-radius: 12px; background: #f0f3e9; }
.rechner-visuals .rr-product-visual img { display: block; width: 100%; height: 150px; object-fit: contain; }
.rechner-visuals .rr-product-visual figcaption { color: #59675e; font-size: .76rem; text-align: center; }
.rechner-visuals .button .rr-icon { width: 18px; height: 18px; flex-basis: 18px; }
.rechner-visuals a:focus-visible, .rechner-visuals button:focus-visible { outline: 3px solid #a66e15; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .rechner-visuals *, .rechner-visuals *::before, .rechner-visuals *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
}