/*
Theme Name:     Divi Child
Theme URI:      https://elegantthemes.com
Description:    Child Theme für Divi Version 4.27.7
Author:         Ihr Name
Author URI:     https://anima-vet.de/
Template:       Divi
Version:        1.0.0
*/


.et-cart-info {
	display:none !important; 
}


@media only screen and (min-width: 981px) {
  .nav li ul {
    width: fit-content !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .nav li li {
    white-space: nowrap !important;
  }
  .nav li li a {
    width: auto !important;
  }
}




.info-seiten h1 {font-size: 32px!important; }
.info-seiten h2 {font-size: 24px!important; }
.info-seiten h3 {font-size: 21px!important; }
.info-seiten h4 {font-size: 21px!important; }
.info-seiten p {font-size: 18px!important; line-height: 26px}



.products .product p.wc-gzd-additional-info {font-size: 18px; }
 .type-product  p.wc-gzd-additional-info {font-size: 18px; text-align: center }

.legal-price-info  p.wc-gzd-additional-info {font-size: 18px;}
.legal-price-info  .shipping-costs-info a, .products .product p.wc-gzd-additional-info a {color: #000!important;border-bottom: 2px solid #000}

.widerruf {	margin-top:10px;}
.widerruf a {font-weight:bold;
	background: #94a591;
    padding: 10px;}

.info-seiten  .et_pb_text_inner p {font-size: 18px!important;  line-height: 26px}


.info-seiten  ul {
	font-size: 18px!important;
  list-style: none; /* Standard-Punkt entfernen */
  padding-left: 0;   /* Standard-Einrückung zurücksetzen */
}

.info-seiten  ul li {
  position: relative;
  padding-left: 1.5em; /* <--- Schafft Platz für das Häkchen */
}

.info-seiten  ul li::before {
  content: "✔";
  color: green;
  position: absolute;   /* Löst das Häkchen aus dem Textfluss */
  left: 0;              /* Platziert es ganz links im padding-Bereich */
  top: 0;               /* Richtet es oben an der ersten Zeile aus */
}


/* Contact Form 7 - Divi Pill-Shape Design (Kompakt & Weiße Warnungen) */

.wpcf7 p {padding-bottom: 0!important}


/* Contact Form 7 - Divi Pill-Shape Design (2 Spalten & Button rechts) */



/* 1. Zweispaltiges Layout für die ersten beiden Felder */
.divi-cf7-row {
    display: flex;
    gap: 15px; /* Abstand zwischen den beiden Feldern */
    width: 100%;
}

.divi-cf7-col {
    flex: 1;
    min-width: 0; /* Verhindert das Überlappen in manchen Browsern */
}

@media only screen and (max-width: 480px) {
	
	.divi-cf7-row {
		display: block;}
	
	
	
	
	
}



/*Kurse*/

.kurs-box-1 .et_pb_text_inner {
	
	    border-top: 20px solid #7daa7b;
 
    padding-top: 15px;}

.kurs-box-1 .et_pb_text_inner ul {    background: #e7f7e6;
    padding: 15px;
margin: 10px 0;}

.kurs-box-1 .et_pb_text_inner ul li {margin: 5px 0}

.page-id-1588 p {
    padding-bottom: 0em;
	padding-top: 10px
}

 .page-id-1588 .et_pb_section {
                    padding: 20px 0;
                }


#Physio-Fitnesskurs, #Nervenregulationskurs, #Senior-Balance, #AnimaWalk {border-top: 20px solid #945474;}

#Physio-Fitnesskurs .et_pb_text_inner ul, #Nervenregulationskurs .et_pb_text_inner ul, #Senior-Balance .et_pb_text_inner ul, #AnimaWalk .et_pb_text_inner ul {    background: #fbecf4;
    padding: 15px;
margin: 10px 0;}

.kurs-box-2 .et_pb_text_inner {
	
	    border-top: 20px solid #945474;
 
    padding-top: 15px;}

.kurs-box-2 .et_pb_text_inner ul {    background: #fbecf4;
    padding: 15px;
margin: 10px 0;}

/* Contact Form 7 - Divi Pill-Shape Design (Schwarze Placeholder) */

/* 1. Eingabefelder: Pillenförmig, weiß, minimale Abstände */
.wpcf7 form.wpcf7-form input[type="text"],
.wpcf7 form.wpcf7-form input[type="email"],
.wpcf7 form.wpcf7-form input[type="tel"],
.wpcf7 form.wpcf7-form input[type="url"],
.wpcf7 form.wpcf7-form input[type="number"] {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important;
	font-weight: 600;
    border-radius: 50px !important;
    color: #000 !important;
    font-size: 16px !important;
    padding: 10px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 4px !important;
    transition: all 0.2s ease-in-out;
}

/* Extrastyling für das große Nachrichtenfeld (Textarea) */
.wpcf7 form.wpcf7-form textarea {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 20px !important;
    color: #333333 !important;
    font-size: 16px !important;
	font-weight: 600;
    padding: 12px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 4px !important;
    transition: all 0.2s ease-in-out;
}

/* Fokus-Zustand (Aktivierung bei Klick) */
.wpcf7 form.wpcf7-form input:focus,
.wpcf7 form.wpcf7-form textarea:focus {
    border-color: #000000 !important;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.05) !important;
}

/* 2. Platzhalter (Placeholder) in SCHWARZ für alle Browser */
.wpcf7 form.wpcf7-form ::placeholder {
    color: #000000 !important;
	font-weight: 700 !important;
    opacity: 1 !important; /* Verhindert das standardmäßige Verblassen in Firefox */
}
.wpcf7 form.wpcf7-form :-ms-input-placeholder {
	font-weight: 700 !important;
    color: #000000 !important;
}
.wpcf7 form.wpcf7-form ::-ms-input-placeholder {
	font-weight: 700 !important;
    color: #000000 !important;
}

/* Senden-Button rechtsbündig ausrichten */
.wpcf7 form.wpcf7-form input[type="submit"] {
    align-self: flex-end;                 /* Schiebt den Button nach rechts */
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: 2px solid #000000 !important;
    border-radius: 50px !important;
    padding: 10px 30px !important;
    font-size: 16px !important;
    line-height: 1.7em !important;
    margin-top: 5px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer;
    display: inline-block;
}

/* Hover-Effekt für den Button */
.wpcf7 form.wpcf7-form input[type="submit"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 4. Warnfelder / Validierungstexte in WEISS */
.wpcf7-not-valid-tip {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 24px !important;
    display: block;
}

/* Die Statusmeldung ganz unten */
.wpcf7-response-output {
	font-size: 20px !important;
    border: 2px solid #000000 !important;
    color: #ffffff !important;
/*    background-color: rgba(0,0,0,0.8) !important;*/
    padding: 12px 24px !important;
    margin: 10px 0 0 0 !important;
    border-radius: 50px !important;
    font-weight: 600;
}

.dstext {font-size: 20px!important; color:#fff!important; line-height: 1.4em;
	}

.dstext a {color:#fff; border-bottom: 1px solid #fff;}