/* Haus Anita Bildfilter
   Ziel: natürlicher, warmer Alpine-Look
*/
.block-card-9 h3, .block-card-9 h5 { color:#ffffff; }

:root {
  --ha-filter-saturation: 0.92;
  --ha-filter-contrast: 0.96;
  --ha-filter-brightness: 1.01;
  --ha-filter-sepia: 0.08;
  --ha-filter-overlay: rgba(92, 62, 0, 0.045);
  --ha-filter-vignette: rgba(26, 28, 27, 0.10);
}

.img-filter-alpine-warmth {
  filter:
    brightness(var(--ha-filter-brightness))
    contrast(var(--ha-filter-contrast))
    saturate(var(--ha-filter-saturation))
    sepia(var(--ha-filter-sepia));
}

.image-alpine-warmth {
  position: relative;
  overflow: hidden;
  background: #faf9f7;
}

.image-alpine-warmth > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter:
    brightness(var(--ha-filter-brightness))
    contrast(var(--ha-filter-contrast))
    saturate(var(--ha-filter-saturation))
    sepia(var(--ha-filter-sepia));
}

.image-alpine-warmth::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--ha-filter-overlay);
  mix-blend-mode: multiply;
  z-index: 1;
}

.image-alpine-warmth::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(26, 28, 27, 0.18) 0%,
      rgba(26, 28, 27, 0.05) 38%,
      rgba(26, 28, 27, 0.00) 70%
    ),
    radial-gradient(
      circle at center,
      rgba(26, 28, 27, 0.00) 58%,
      var(--ha-filter-vignette) 100%
    );
  z-index: 2;
}

.image-alpine-warmth--soft::before {
  background: rgba(92, 62, 0, 0.035);
}

.image-alpine-warmth--soft::after {
  display: none;
}

@media (max-width: 768px) {
  :root {
    --ha-filter-saturation: 0.95;
    --ha-filter-contrast: 0.98;
    --ha-filter-sepia: 0.05;
    --ha-filter-overlay: rgba(92, 62, 0, 0.03);
  }
}