/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* ==========================================================================
   Modernisierung 2026-07-16 — Custom CSS im Child-Theme
   ========================================================================== */

:root {
	--kzv-green: #002d5c;
	--kzv-green-dark: #001f40;
	--kzv-navy: #002d5c;
	--kzv-accent: #c01953;
	--kzv-accent-dark: #9e1343;
	--kzv-bg-alt: #f3f6f9;
	--kzv-radius: 4px;
	--kzv-shadow: 0 4px 20px rgba(0, 45, 92, 0.1);
}

/* Content-Hintergrund aufhellen statt komplett grau */
body.fusion-body,
#wrapper,
#main {
	background-color: #ffffff;
}

/* Typografie-Hierarchie */
#content h1,
#content h2,
#content h3 {
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--kzv-navy);
}

#content p {
	line-height: 1.7;
	color: #33404d;
}

#content a:not(.fusion-button) {
	color: var(--kzv-accent);
	text-decoration-thickness: 1px;
}

/* Sticky Header — mehr Präsenz */
#header,
.fusion-header {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.fusion-logo {
	padding: 6px 0;
}

/* Content-Box-Elemente ("Die Leistungen im Detail") als Cards */
.content-box-wrapper,
.fusion-content-boxes .col {
	background: #ffffff;
	border-radius: var(--kzv-radius);
	box-shadow: var(--kzv-shadow);
	padding: 28px !important;
	margin-bottom: 24px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.content-box-wrapper:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(0, 45, 92, 0.18);
}

.heading-with-icon .content-box-icon,
.content-box-wrapper .image {
	background: var(--kzv-navy) !important;
	border-color: var(--kzv-navy) !important;
}

/* Einheitlichere Icon-Kreise */
.content-box-wrapper .icon-wrapper,
.content-box-wrapper .fusion-content-box-icon {
	background: var(--kzv-navy);
	color: #ffffff;
}

/* CTA-Buttons im Continentale-Stil: flach, kleiner Radius, Versalien, Akzentfarbe */
.fusion-button {
	border-radius: var(--kzv-radius) !important;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	box-shadow: 0 4px 14px rgba(192, 25, 83, 0.28);
}

.fusion-button.button-flat.button-1,
.fusion-button[class*="button-default"] {
	background: var(--kzv-accent) !important;
	border-color: var(--kzv-accent) !important;
}

.fusion-button:hover {
	background: var(--kzv-accent-dark) !important;
	border-color: var(--kzv-accent-dark) !important;
	box-shadow: 0 6px 20px rgba(192, 25, 83, 0.4);
}

/* Alternierende Section-Hintergründe statt durchgängigem Grau */
.fusion-builder-row:nth-of-type(even) .fusion-layout-column > .fusion-column-wrapper {
	background-color: var(--kzv-bg-alt);
}

/* Hero-Bereich: Leerraum reduzieren */
.fusion-title-heading + .fusion-column-wrapper,
#slider-h .fusion-flexslider {
	padding-bottom: 20px !important;
}

/* Bilder mit weichen Ecken + Schatten statt harter Kanten */
#content img {
	border-radius: var(--kzv-radius);
}

/* Mobile: Cards ohne Hover-Transform (Touch) */
@media (max-width: 767px) {
	.content-box-wrapper:hover {
		transform: none;
	}
}

/* ==========================================================================
   Modernisierung 2026-07-16 (Teil 2) — "Die Leistungen im Detail"
   Hinweis: Der zugrunde liegende HTML-Content dieses Abschnitts stammt aus
   einem Word/Docs-Copy&Paste (verschachtelte <div class="page/section/...">,
   unsauber geschlossene <p>-Tags). Bewusst KEINE Markup-Änderung, nur
   robuste CSS-Regeln, die auf die stabilen Fusion/FontAwesome-Klassen zielen.
   ========================================================================== */

.fusion-text-6 i.fb-icon-element.circle-yes {
	background-color: var(--kzv-navy) !important;
	color: #ffffff !important;
	border-color: var(--kzv-navy) !important;
}

.fusion-text-6 p:has(> i.fb-icon-element) {
	border-left: 4px solid var(--kzv-accent);
	padding: 4px 0 4px 18px;
	margin-top: 36px !important;
	margin-bottom: 12px !important;
	font-size: 1.1em;
	font-weight: 700;
	color: var(--kzv-navy);
}

.fusion-text-6 p:has(> i.fb-icon-element):first-of-type {
	margin-top: 0 !important;
}

/* ==========================================================================
   Modernisierung 2026-07-16 (Teil 3) — Korrektur: jedes Leistungs-Item
   liegt in einem EIGENEN fusion-text-N Modul (6,7,8,9…), nicht nur
   fusion-text-6. Breiter scopen auf die gemeinsame Spalte.
   ========================================================================== */

.fusion-builder-column-8 i.fb-icon-element.circle-yes {
	background-color: var(--kzv-navy) !important;
	color: #ffffff !important;
	border-color: var(--kzv-navy) !important;
	margin-top: 30px !important;
}

.fusion-builder-column-8 .fusion-text:first-of-type i.fb-icon-element.circle-yes {
	margin-top: 0 !important;
}

.fusion-builder-column-8 .fusion-text {
	padding-top: 4px;
	border-top: 1px solid #e5eaf0;
}

.fusion-builder-column-8 .fusion-text:first-of-type {
	border-top: none;
	padding-top: 0;
}

/* Teil 4 — Korrektur: Items 2-4 liegen in Spalte 10, nicht 8 */
.fusion-builder-column-10 i.fb-icon-element.circle-yes {
	background-color: var(--kzv-navy) !important;
	color: #ffffff !important;
	border-color: var(--kzv-navy) !important;
}
.fusion-builder-column-10 .fusion-text {
	padding-top: 4px;
	border-top: 1px solid #e5eaf0;
	margin-top: 30px;
}
.fusion-builder-column-10 .fusion-text:first-of-type {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

/* ==========================================================================
   Modernisierung 2026-07-17 — Anlehnung an das Corporate Design von
   continentale.de: Marineblau (#002d5c) als Leitfarbe für Headlines,
   Icon-Kreise und Card-Schatten, Magenta/Pink (#c01953) als Akzentfarbe
   für CTA-Buttons und Hervorhebungen (Farbwerte per Screenshot-Sampling
   von continentale.de ermittelt). Buttons dabei von Pill-Form (30px) auf
   kleinen Radius (4px) + Versalien umgestellt, analog zu den
   "MEHR INFORMATIONEN"-Buttons dort.
   ========================================================================== */

/* Header-Navigation: aktive/hover Menüpunkte in Akzentfarbe */
#nav > ul > li > a:hover,
#nav > ul > li.current-menu-item > a,
#nav > ul > li.current_page_item > a {
	color: var(--kzv-accent) !important;
}

/* Grüner Rahmen (#78880f, inline via --awb-border-color) des
   "Infos unverbindlich anfragen"-Kastens auf Navy umstellen */
.fusion-builder-column-2 {
	--awb-border-color: var(--kzv-navy) !important;
	border-color: var(--kzv-navy) !important;
}

/* Grüner Rahmen der "Interessantes für Sie"-Box (#78880f) auf Navy */
.fusion-builder-column-14 {
	--awb-border-color: var(--kzv-navy) !important;
	border-color: var(--kzv-navy) !important;
}

/* "Mehr Neuigkeiten"-Button: Grundfarbe/Hover statt Grün auf Navy/Pink */
.fusion-button.button-4 {
	--button_gradient_top_color: var(--kzv-navy) !important;
	--button_gradient_bottom_color: var(--kzv-navy) !important;
	--button_gradient_top_color_hover: var(--kzv-accent) !important;
	--button_gradient_bottom_color_hover: var(--kzv-accent) !important;
}

/* ==========================================================================
   2026-07-17 (Teil 5) — StartAmbulant Preisübersicht & Tarifbeschreibung
   Neue, eigenständige Sektion (eigenes fusion_text-Modul, kein Eingriff in
   die bestehende "Leistungen im Detail"-Struktur). Karten für die vier
   Tarifstufen (S/SK/P/PK) + Leistungstabelle im Continentale-Farbschema.
   ========================================================================== */

.kzv-tariff-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 20px;
	margin: 30px 0;
}

.kzv-tariff-card {
	background: #ffffff;
	border-radius: var(--kzv-radius);
	box-shadow: var(--kzv-shadow);
	border-top: 4px solid var(--kzv-navy);
	padding: 28px 22px;
	text-align: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kzv-tariff-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(0, 45, 92, 0.18);
}

.kzv-tariff-badge {
	display: inline-block;
	background: var(--kzv-navy);
	color: #ffffff;
	font-weight: 700;
	padding: 4px 16px;
	border-radius: 20px;
	font-size: 0.85em;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
}

.kzv-tariff-price {
	font-size: 1.8em;
	font-weight: 800;
	color: var(--kzv-accent);
	margin: 10px 0;
	line-height: 1.2;
}

.kzv-tariff-price small {
	font-size: 0.4em;
	font-weight: 600;
	color: #33404d;
	display: block;
	letter-spacing: 0;
}

.kzv-tariff-desc {
	font-size: 0.95em;
	color: #33404d;
	line-height: 1.5;
}

.kzv-benefit-table {
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
	box-shadow: var(--kzv-shadow);
	border-radius: var(--kzv-radius);
	overflow: hidden;
}

.kzv-benefit-table th {
	background: var(--kzv-navy);
	color: #ffffff;
	text-align: left;
	padding: 14px 18px;
	font-weight: 700;
}

.kzv-benefit-table td {
	padding: 14px 18px;
	border-bottom: 1px solid #e5eaf0;
	vertical-align: top;
}

.kzv-benefit-table tr:nth-child(even) td {
	background: var(--kzv-bg-alt);
}

.kzv-benefit-table td:first-child {
	font-weight: 700;
	color: var(--kzv-navy);
	white-space: nowrap;
}

.kzv-source-note {
	font-size: 0.85em;
	color: #6b7785;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.kzv-benefit-table td:first-child {
		white-space: normal;
	}
}