/* ============================================================
   Cord Media – Frontend-Styles (aus Customizer migriert 14.08.2026)
   michelle-healing.de · Divi_child_2025
   ============================================================ */

/* --- Dropdowns Hauptmenü --- */
#top-menu li li {
	padding-top: 1px !important;
	padding-bottom: 1px;
}
#top-menu li li a {
	line-height: 1.2em;
	padding: 10px 20px;
	border-radius: 5px;
}

/* --- Calendly-Button „Kennenlerngespräch buchen" ---
   Fix Mobil: das <a> war display:inline -> beim Zeilenumbruch brach der
   Hintergrund/Radius pro Zeilenbox um (abgehackte Optik). inline-block +
   zentrierter Text + mehr vertikales Padding lassen den Umbruch sauber wirken. */
.calendly {
	text-align: center;
}
.calendly a {
	display: inline-block;
	text-align: center;
	line-height: 1.3;
	background-color: #C6A664;
	color: var(--gcid-chbwplzpls) !important;
	text-transform: uppercase;
	font-size: 18px !important;
	letter-spacing: 2px !important;
	border: 0;
	border-radius: 30px;
	padding: 0.6em 1.4em;
	transition: 600ms ease;
}
.calendly a:hover {
	background-color: #3f1f36;
	transform: translateY(-3px);
}

/* ============================================================
   Startseite, letzte Sektion "Bereit für den ersten Schritt?" (CSS-Klasse cm-cta-final)
   Divi-5-Bug (5.9.x, 27.08.2026): Für die Sektion mit Hintergrundfarbe + Hintergrundbild
   schreibt Divi in den Responsive-Zweigen (<=980/860/767px) "background-color: initial
   !important" — Farbe weg auf Tablet/Handy. Gegenregel mit hoeherer Spezifitaet.
   Farbe = Global Color "secondary" (#401f37). CM 27.08.2026
   ============================================================ */
@media only screen and (max-width: 980px) {
	body .et-l--post > .et_builder_inner_content .et_pb_section.cm-cta-final {
		background-color: #401f37 !important;
	}
}
