.elementor-752 .elementor-element.elementor-element-456be92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.1;}.elementor-752 .elementor-element.elementor-element-456be92::before, .elementor-752 .elementor-element.elementor-element-456be92 > .elementor-background-video-container::before, .elementor-752 .elementor-element.elementor-element-456be92 > .e-con-inner > .elementor-background-video-container::before, .elementor-752 .elementor-element.elementor-element-456be92 > .elementor-background-slideshow::before, .elementor-752 .elementor-element.elementor-element-456be92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-752 .elementor-element.elementor-element-456be92 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hauttierarzt.programmierbude.com/wp-content/uploads/2024/11/swatch02.jpg");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-752 .elementor-element.elementor-element-f624cb6{--display:flex;--width:30%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-752 .elementor-element.elementor-element-f624cb6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-752 .elementor-element.elementor-element-ee9d9eb{--display:flex;--width:40%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-752 .elementor-element.elementor-element-003fa03{--display:flex;--width:30%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-752 .elementor-element.elementor-element-3748296{--display:flex;--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-ee9d9eb *//* ===========================================
   Footer Styling für Elementor CONTAINERS
   =========================================== */

/* --- Grundlayout --- */
.footer-area {
  background: linear-gradient(90deg, rgba(245,247,252,1) 0%, rgba(238,246,255,1) 100%);
  padding: 2.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}

/* --- Einzelne Boxen --- */
.footer-box {
  flex: 1 1 30%;
  min-width: 280px;
  color: #1b1c1f;
}

.footer-title {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.footer-strong {
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: block;
}

.footer-text {
  margin: .35rem 0;
  line-height: 1.55;
  color: #1b1c1f;
}

/* --- Icons & Text --- */
.footer-with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.footer-with-icon .ico {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #1b1c1f;
}

/* --- Links --- */
.footer-box a,
.footer-bar a {
  text-decoration: none;
  color: #0a67d9;
}

.footer-box a:hover,
.footer-bar a:hover {
  text-decoration: underline;
}

/* --- Öffnungszeiten --- */
.hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hours-list li {
  margin: .45rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.hours-list strong {
  min-width: 4.2rem;
}
.hours-list .sep {
  opacity: .6;
}

/* --- Datenschutz/Impressum --- */
.footer-legal {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
}
.footer-legal .dot {
  opacity: .5;
}

/* --- Copyright-Zeile --- */
.footer-bar {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 2rem;
  padding-top: 1rem;
}

.footer-bar__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  font-size: .95rem;
  color: #1b1c1f;
  text-align: center;
  flex-wrap: wrap;
}
.footer-bar .bar-sep {
  opacity: .5;
}

/* ===========================================
   RESPONSIVE DESIGN
   =========================================== */

/* --- Tablet --- */
@media (max-width: 1024px) {
  .footer-title {
    font-size: 1.25rem;
  }
}

/* --- Mobile Ansicht (Elementor Container!) --- */
@media (max-width: 768px) {
  /* Container automatisch untereinander */
  .footer-area,
  .footer-area .e-con {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .footer-box {
    width: 100% !important;
    flex: 1 1 100%;
    margin-bottom: 1.75rem;
  }

  /* Titel kleiner */
  .footer-title {
    font-size: 1.2rem !important;
    margin-bottom: 0.5rem;
  }

  /* Text normal umbrechen */
  .footer-text,
  .footer-text a,
  .footer-strong {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Icons korrekt */
  .footer-with-icon {
    align-items: center !important;
    flex-wrap: nowrap;
  }

  /* Öffnungszeiten */
  .hours-list li {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  /* Datenschutz / Impressum */
  .footer-legal {
    flex-direction: row;
    gap: 0.5rem;
  }

  /* Abstand + Linie zwischen Abschnitten */
  .footer-box:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 1rem;
  }

  /* Copyright zentriert */
  .footer-bar__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-size: 0.9rem;
  }
  .footer-bar .bar-sep {
    display: none;
  }
}

/* --- Sehr kleine Geräte --- */
@media (max-width: 480px) {
  .footer-title {
    font-size: 1.1rem !important;
  }
  .footer-text {
    font-size: 0.95rem;
  }
  .footer-bar__inner {
    font-size: 0.85rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-456be92 *//* ======================================================
   KLEINTIERPRAXIS FOOTER – FINAL RESPONSIVE VERSION
   ====================================================== */

/* ====== Grundlayout & Farben ====== */
.footer-area {
  background: linear-gradient(90deg, rgba(245,247,252,1) 0%, rgba(238,246,255,1) 100%);
  padding: 2.5rem 0;
}

.footer-box {
  margin: 0 0 1rem 0;
  max-width: 100%;
}

.footer-title {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: #1b1c1f;
}

/* Textvarianten */
.footer-strong {
  font-weight: 700;
  margin-bottom: 0.25rem;
  display: block;
}

.footer-text {
  margin: 0.35rem 0;
  line-height: 1.55;
  color: #1b1c1f;
  word-break: normal;
  overflow-wrap: break-word;
}

/* Icon-Zeilen */
.footer-with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.footer-with-icon .ico {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #1b1c1f;
}

/* Links */
.footer-box a,
.footer-bar a {
  color: #0a67d9;
  text-decoration: none;
}

.footer-box a:hover,
.footer-bar a:hover {
  text-decoration: underline;
}

/* Öffnungszeiten */
.hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hours-list li {
  margin: 0.45rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.hours-list strong {
  min-width: 4.2rem;
}

.hours-list .sep {
  opacity: 0.6;
}

/* Datenschutz/Impressum */
.footer-legal {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.footer-legal .dot {
  opacity: 0.5;
}

/* ====== Copyright-Balken ====== */
.footer-bar {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 2rem;
  padding-top: 1rem;
}

.footer-bar__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: #1b1c1f;
  text-align: center;
  flex-wrap: wrap;
}

.footer-bar .bar-sep {
  opacity: 0.5;
}

/* ======================================================
   RESPONSIVE DESIGN
   ====================================================== */

/* Tablet */
@media (max-width: 1024px) {
  .footer-title {
    font-size: 1.25rem;
  }
}

/* ====== MOBILE VIEW ====== */
@media (max-width: 768px) {
  /* --- Spalten untereinander --- */
  .footer-area .elementor-container,
  .footer-area .elementor-row,
  .footer-area .elementor-column,
  .footer-area .footer-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 1.8rem !important;
  }

  /* --- Jede Box nimmt volle Breite --- */
  .footer-box {
    width: 100% !important;
    margin-bottom: 1.75rem;
  }

  /* --- Titel kleiner --- */
  .footer-title {
    font-size: 1.2rem !important;
    margin-bottom: 0.5rem;
  }

  /* --- Text sauber umbrechen --- */
  .footer-text,
  .footer-text a,
  .footer-strong {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* --- Icons korrekt ausgerichtet --- */
  .footer-with-icon {
    align-items: center !important;
    flex-wrap: nowrap;
  }

  /* --- Öffnungszeiten Zeilen lesbar --- */
  .hours-list li {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  /* --- Datenschutz / Impressum nebeneinander --- */
  .footer-legal {
    flex-direction: row;
    gap: 0.5rem;
  }

  /* --- Abstand zwischen Boxen mit Linie --- */
  .footer-box:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 1rem;
  }

  /* --- Copyright-Balken zentriert --- */
  .footer-bar__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-size: 0.9rem;
  }

  .footer-bar .bar-sep {
    display: none;
  }
}

/* ====== Sehr kleine Geräte ====== */
@media (max-width: 480px) {
  .footer-title {
    font-size: 1.1rem !important;
  }
  .footer-text {
    font-size: 0.95rem;
  }
  .footer-bar__inner {
    font-size: 0.85rem;
  }
}/* End custom CSS */