/*
Theme Name: Honda Frauenschuh Child
Description: Child theme for Hello Elementor, prepared for the Honda Frauenschuh website.
Author: Honda Frauenschuh
Template: hello-elementor
Version: 1.0.0
Text Domain: honda-frauenschuh-child
*/

:root {
  --hfs-color-primary: #1b1d1f;
  --hfs-color-secondary: #42484d;
  --hfs-color-accent: #cc0000;
  --hfs-color-background: #f7f7f5;
  --hfs-color-surface: #ffffff;
  --hfs-color-text: #202326;
  --hfs-color-muted: #50565b;
  --hfs-color-border: #d6d8d8;
  --hfs-color-focus: #005fcc;
  --hfs-content-width: 74rem;
  --hfs-section-space: clamp(3rem, 7vw, 6rem);
}

:focus-visible {
  outline: 3px solid var(--hfs-color-focus);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-533 .elementor-element-01a4c22 {
    flex-wrap: wrap;
  }

  .elementor-533 .elementor-element-01a4c22 > .elementor-element-7fb63ea,
  .elementor-533 .elementor-element-01a4c22 > .elementor-element-b5c3e70 {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .elementor-533 .elementor-swiper-button {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
  }
}