/* Bestehender Rechner: Bild, Eingaben und Ergebnis auch mobil zugänglich. */
.cooler-v2 .site-header { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.cooler-v2 .site-header h1 { font-size: clamp(1.9rem, 3.6vw, 3rem); }
.cooler-v2 .cooler-hero-visual { min-height: 0; height: 270px; border-radius: 18px; }
.cooler-v2 .cooler-hero-visual img { min-height: 0; width: 100%; height: 100%; object-fit: cover; }
.cooler-v2 .cooler-calculator-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 24px; align-items: start; margin: 26px auto; }
.cooler-v2 .cooler-form { padding: clamp(18px, 2.6vw, 30px); border: 1px solid #dce3d9; border-radius: 16px; background: #fffefa; }
.cooler-v2 .cooler-v2-form-grid { align-items: start; }
.cooler-v2 .cooler-v2-form-grid > label { align-content: start; }
.cooler-v2 .cooler-v2-form-grid .rr-field-label { min-height: 2.5em; }
.cooler-v2 .cooler-v2-form-grid label > small { font-weight: 500; line-height: 1.45; }
.cooler-v2 #cooler-products .cooler-affiliate { display: block; line-height: 1.5; font-weight: 500; }
.cooler-v2 .cooler-v2-result { position: static; min-width: 0; border-radius: 16px; }
.cooler-v2 .cooler-decision { padding: 1rem; border-left: 4px solid #d89131; background: #fff5df; color: #25302d; line-height: 1.55; font-weight: 600; }
.cooler-v2 [hidden] { display: none !important; }
.cooler-v2 #cooler-result:focus-visible { outline: 3px solid #d89131; outline-offset: 4px; }
.cooler-v2 .cooler-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cooler-v2 .cooler-result-grid > div:first-child { grid-column: 1 / -1; background: #ecf3e9; }
.cooler-v2 .cooler-result-grid dd { overflow-wrap: anywhere; font-size: 1.12rem; }
.cooler-v2 .cooler-result-grid > div:first-child dd { font-size: 1.3rem; }
.cooler-v2 .cooler-form-actions .button { min-height: 44px; }
.cooler-v2 .cooler-preset { grid-template-columns: 42px minmax(0, 1fr); align-content: center; column-gap: 12px; padding: 16px; }
.cooler-v2 .cooler-preset > strong, .cooler-v2 .cooler-preset > span:not(.rr-preset-icon) { grid-column: 2; }
.cooler-v2 .cooler-preset .rr-preset-icon { grid-column: 1; grid-row: 1 / 3; display: grid; place-items: center; width: 42px; height: 46px; border-radius: 12px; color: #2d4b3e; background: #e9efe3; }
.cooler-v2 .cooler-preset.is-active { background: #fff4d9; border-color: #b48638; box-shadow: inset 0 0 0 1px #b48638; }
.cooler-v2 .cooler-preset.is-active .rr-preset-icon { background: #ecc374; color: #293a31; }
.cooler-v2 .cooler-core-card h3 { margin-top: 0; }
.cooler-v2 .cooler-core-grid { align-items: stretch; }
.cooler-v2 .cooler-core-card { min-width: 0; }
.cooler-v2 .cooler-source-line a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1040px) {
  .cooler-v2 .cooler-calculator-layout { grid-template-columns: 1fr; }
  .cooler-v2 .cooler-preset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .cooler-v2 .cooler-hero-visual { display: block; grid-column: 1 / -1; grid-row: auto; width: 100%; height: 170px; min-height: 0; max-height: none; }
  .cooler-v2 .cooler-hero-visual img { min-height: 0; height: 170px; max-height: none; object-position: center 57%; }
  .cooler-v2 .cooler-preset { grid-template-columns: 1fr; padding: 12px; gap: 6px; min-height: 126px; overflow-wrap: anywhere; }
  .cooler-v2 .cooler-preset .rr-preset-icon { grid-column: 1; grid-row: 1; width: 36px; height: 36px; border-radius: 10px; }
  .cooler-v2 .cooler-preset > strong, .cooler-v2 .cooler-preset > span:not(.rr-preset-icon) { grid-column: 1; }
  .cooler-v2 .cooler-preset strong { font-size: .95rem; }
  .cooler-v2 .cooler-form { padding: 16px; }
  .cooler-v2 .cooler-v2-form-grid .rr-field-label { min-height: 0; }
  .cooler-v2 .cooler-result-grid { grid-template-columns: 1fr; }
  .cooler-v2 .cooler-calculator-layout { gap: 18px; }
}

/* Ein begrenzter Wochenend-Vergleich auf der bestehenden Seite. */
.cooler-v2 .cooler-weekend { scroll-margin-top: 20px; }
.cooler-v2 .cooler-weekend-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.cooler-v2 .cooler-weekend-grid article { display: flex; flex-direction: column; min-width: 0; background: #fffefa; border: 1px solid #dce3d9; border-radius: 12px; padding: 18px; }
.cooler-v2 .cooler-weekend-grid h3 { margin-top: 0; }
.cooler-v2 .cooler-example-verdict { font-weight: 700; color: #2d4b3e; }
.cooler-v2 .cooler-weekend-grid .button { margin-top: auto; white-space: normal; min-height: 44px; }
.cooler-v2 .cooler-share { border-top: 1px solid #dce3d9; padding-top: 18px; margin-top: 20px; }
.cooler-v2 .cooler-share .button { white-space: normal; min-height: 44px; }
.cooler-v2 .cooler-share input { width: 100%; min-width: 0; }
.cooler-v2 .cooler-link-notice { padding: 16px; background: #fff5df; border-left: 4px solid #d89131; }
@media (max-width: 760px) { .cooler-v2 .cooler-weekend-grid { grid-template-columns: 1fr; } }