/*
 Theme Name:   Tierarztpraxislaa
 Author:       Life Design
 Template:     xcare
 Version:      1.0.0
 Text Domain:  tierarztpraxislaa
*/





/*---------------------------------Header-Responsiv----------------------------*/

@media (max-width: 1764px) {
    .pbmit-header-button { 
        display: none !important; 
    }
}i.pbmit-base-icon-menu-1 {
    color: #386fa4;
}

@media (max-width: 1545px) {
    .pbmit-logo img {
        max-width: 250px !important; /* Setze die gewünschte Breite */
        height: auto !important; /* Behält das Seitenverhältnis */
    }
}
i.pbmit-base-icon-menu-1 {
    color: #386fa4;
}

.pbmit-mobile-menu-bg {
   background: #000;
    
}
/*-------------------------------Sub-Menü-----------------------------------*/

ul.sub-menu {
  border-radius: 15px !important;
  border-top: none !important;
}

ul.sub-menu::before {
  content: none !important;
}


/*---------------------------------Service Sidebar---------------------------------------------------*/

/* Schriftgröße auf 18px setzen und Uppercase entfernen */
.custom-service-list li a {
    font-size: 18px !important;
    text-transform: none !important; /* Entfernt Uppercase */
    font-weight: normal !important;
}


/*------------------------------Text Beschreibung--------------------------------*/

.pbmit-heading-desc {
    color: #6d6d6d !important;
}


/*------------------------------- Footer Anpassungen -----------------------------------*/

/* Stellt sicher, dass nur die Footer-Menüs angepasst werden */
.pbmit-footer-widget .widget-title {
    color: #4AA3F1 !important; /* Setzt die Überschriftenfarbe auf Weiß */
}

/* Entfernt den oberen Abstand für die Footer-Menüs */
.pbmit-footer-widget #nav_menu-1,
.pbmit-footer-widget #nav_menu-2,
.pbmit-footer-widget #nav_menu-3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Entfernt den Abstand in den Container-Elementen und ULs nur im Footer */
.pbmit-footer-widget #nav_menu-1 .menu-footer-leistungen-container,
.pbmit-footer-widget #nav_menu-1 .menu-footer-leistungen-container ul.menu,
.pbmit-footer-widget #nav_menu-2 .menu-footer-fuer-tierbesitzer-container,
.pbmit-footer-widget #nav_menu-2 .menu-footer-fuer-tierbesitzer-container ul.menu,
.pbmit-footer-widget #nav_menu-3 .menu-footer-fuer-tieraerzte-container,
.pbmit-footer-widget #nav_menu-3 .menu-footer-fuer-tieraerzte-container ul.menu {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/*----- Unterstrich für Footer-Menüs -------*/
/* 1) Standard-Link-Stil im Footer */
.pbmit-footer-widget .menu li a,
.pbmit-footer-widget .pbmit-footer-menu li a {
  color: #fff;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
}

/* 2) Keine Farbänderung auf Hover im Footer */
.pbmit-footer-widget .menu li a:hover,
.pbmit-footer-widget .pbmit-footer-menu li a:hover {
  color: #fff !important;
}

/* 3) Animierter Unterstrich im Footer – startet exakt beim ersten Buchstaben */
.pbmit-footer-widget .menu li a::after,
.pbmit-footer-widget .pbmit-footer-menu li a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 1.2em;  /* Falls nötig, leicht anpassen */
  width: 0;
  height: 1.5px !important;  /* Einheitliche Dicke */
  background-color: #fff;
  transition: width 0.3s ease;
}

/* 4) Hover: Unterstrich fährt von links nach rechts */
.pbmit-footer-widget .menu li a:hover::after,
.pbmit-footer-widget .pbmit-footer-menu li a:hover::after {
  width: calc(100% - 1.2em);
}

/*--------Unterstrich für Copyright-Menü im Footer-----*/
.pbmit-footer-menu li a {
  color: #fff;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
}

.pbmit-footer-menu li a:hover {
  color: #fff !important;
}

.pbmit-footer-menu li a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1.5px !important;
  background-color: #fff;
  transition: width 0.3s ease;
}

.pbmit-footer-menu li a:hover::after {
  width: 100%;
}



/*-------------Facebook Icon------------------*/
.pbmit-social-facebook a {
  color: #fff !important; /* Icon weiß */
  border-color: #fff !important; /* Ring weiß */
  background-color: transparent !important; /* Hintergrund transparent */
  transition: background-color 0.3s ease, color 0.3s ease;
}

.pbmit-social-facebook a:hover {
  background-color: #fff !important; /* Hintergrund wird weiß */
  color: #2987DA !important; /* Icon wird blau */
}

/*--------------------Footer Abstände zu Copyright Zeile-------------*/

/* Abstand zwischen Footer-Inhalt und Copyright-Bereich reduzieren */
.pbmit-footer-section.footer-wrap {
  padding-bottom: 0px !important; /* Falls Padding zu groß ist, verringern */
  margin-bottom: 0 !important; /* Falls Margin unten existiert, auf 0 setzen */
}

/* Falls noch Abstand vorhanden ist, diesen Container ebenfalls anpassen */
.pbmit-footer-text-area {
  padding-top: 0 !important;
  margin-top: -10px !important; /* Falls nötig, leicht nach oben ziehen */
}

/* Mehr inneren Abstand oben im Footer hinzufügen */
.pbmit-footer-section.footer-wrap {
  padding-top: 10px !important; /* Erhöhe den Wert nach Bedarf */
}


/*--------------------------Copyright Zeile--------------------------*/

/* Copyright-Text von der Hover-Unterstreichung ausschließen */
.menu-footer-menu-container .menu-item-854 a {
  pointer-events: none; /* Kein Link-Verhalten */
  text-decoration: none !important; /* Unterstrich komplett entfernen */
  color: #fff !important; /* Bleibt immer weiß */
}


/*-----------------------------------------Startseite Leistungen Widgets------------------------------------------*/

/* Falls es noch einen zusätzlichen Abstand gibt, könnte dieser blockiert werden */
.pbmit-service-description {
    margin-top: 0 !important; 
}


/*-------------------------------------Accordion Elementor Widget---------------------------------------*/

/* Rundung und Rahmen um das ganze Accordion-Item */
.elementor-accordion .elementor-accordion-item {
  border: 1px solid #ddd !important;
  border-radius: 30px !important;
  margin-bottom: 15px;
  box-shadow: none !important;
}

/* Bei aktivem Akkordeon-Item Rahmenfarbe ändern */
.elementor-accordion .elementor-accordion-item:has(> .elementor-tab-title.elementor-active) {
  border-color: #93C1F0 !important;
}

/* Abstand zwischen Titel und Inhalt anpassen */
.elementor-accordion .elementor-tab-title {
  margin-bottom: 5px !important;
}

/* Abstand oben im Inhalt entfernen */
.elementor-accordion .elementor-tab-content {
  margin-top: 0 !important;
}

/* Titel Hover-Farbe ändern */
.elementor-accordion .elementor-tab-title:hover {
  color: #93C1F0 !important;
}


/*-------------------------------Untertitel-Hintergrund-----------------------------------*/

.pbmit-element-subtitle {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

.special-section .pbmit-element-subtitle {
    color: white !important;
}


/*------------------------------Icons skalieren--------------------------------*/
.icon-large .pbmit-ihbox-svg svg {
    transform: scale(1.3);
}

.icon-chippen .pbmit-ihbox-svg svg {
    transform: scale(1.8);
}

.icon-praxis .pbmit-ihbox-svg {
    margin-right: 5px !important; /* Weniger Abstand nach rechts */
}

/*------------------------------Kontaktformular--------------------------------*/
input.wpcf7-form-control.wpcf7-submit.has-spinner.termin.button {
    border-radius: 30px;
}

input.form-control.rounded,
select.form-control.rounded,
textarea.form-control.rounded {
  border-radius: 30px !important;
  border: 1px solid #e0e0e0;
  padding: 10px 20px;
  color: #666;
  width: 100%;
  box-sizing: border-box;
}

textarea.form-control.rounded {
  line-height: 1.6em;
  min-height: 120px;
}

.wpcf7 input[type="checkbox"] {
  margin-right: 8px;
}

input[type="date"].form-control.rounded {
  border-radius: 30px;
  border: 1px solid #e0e0e0;
  padding: 10px 20px;
  height: 50px;
  color: #666;
  width: 100%;
  box-sizing: border-box;
}

.select2-dropdown, #page .select2-container--default .select2-selection--single {
 
    border-radius: 30px !important;
}

select.wpcf7-select, input[type="date"], input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], textarea {
    border-radius: 30px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: red !important;
}