/*
Theme Name: Avada Child – Compliance Factory
Description: Child-Theme für die Testseite der CFC - Compliance Factory Consulting GmbH (Mercator Media). Farben und Schriften kommen aus den globalen Avada-Optionen; hier nur Feinheiten des Nachbaus.
Author: Mercator Media
Template: Avada
Version: 1.0.2
Text Domain: Avada
*/

/* Hinweisbalken Testseite */
.cf-testhinweis{background:#1f1f1f;color:#fff;text-align:center;font-size:14px;line-height:1.4;padding:6px 16px;font-weight:600;letter-spacing:.02em}

/* Kopfbilder: weißer Titel in Montserrat wie im Original */
.cf-bildband,.cf-bildband p,.cf-bildband h1,.cf-bildband h2{color:#fff}
.cf-hero-titel{font-family:var(--h1_typography-font-family);font-weight:700;color:#fff;text-align:center;font-size:clamp(30px,5vw,72px);line-height:1.2;margin:0 0 .3em;text-shadow:0 1px 3px rgba(0,0,0,.35);overflow-wrap:anywhere}
.cf-hero-unter{color:#fff;text-align:center;font-size:clamp(18px,2.2vw,28px);margin:0 0 .4em;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.cf-hero-unter.cf-rechts{text-align:right}
.cf-hero .cf-audio{max-width:240px;margin:12px auto 0 auto}
@media (min-width:800px){.cf-hero .cf-audio{margin-right:0}}

/* Zahlen auf der Startseite */
.cf-zahl{font-family:var(--h1_typography-font-family);font-weight:700;font-size:clamp(36px,4vw,50px);line-height:1.1;text-align:center;margin:0;color:var(--awb-color8)}

/* Akzentfarbe Text (dunkles Gold, Kontrast ≥ 4,5:1 auf Weiß; das Original-Gelb erreicht nur 1,6:1) */
.cf-akzent{color:var(--awb-color6)}

.cf-h{margin:0 0 .5em}
.cf-h3{margin:0 0 .5em}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Themen-Kacheln (FAQ, Download-Bereich) */
.cf-kachel{display:block;position:relative;max-width:320px;margin:0 auto;border-radius:4px;overflow:hidden;text-decoration:none}
.cf-kachel img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.cf-kachel span{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:rgba(0,0,0,.6);color:#fff;font-weight:700;text-align:center}
.cf-kachel:hover span,.cf-kachel:focus-visible span{background:rgba(0,0,0,.8)}

/* kleine Reihen (Social-Icons) und Logo-Galerien */
.cf-reihe{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cf-galerie{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}

/* Bildspalten neben Texten: gleichmäßiger Ausschnitt */
.cf-bildspalte img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Knöpfe in Reitern */
.cf-knopf{display:inline-block;border:2px solid #a0a0a0;border-radius:40px;padding:8px 22px;color:var(--awb-color8);text-decoration:none}
.cf-knopf:hover,.cf-knopf:focus-visible{background:var(--awb-color4)}
.cf-tab-bild{float:left;max-width:200px;margin:0 20px 10px 0}
@media (max-width:640px){.cf-tab-bild{float:none;max-width:100%}}

/* Video/Audio */
.wp-video,.wp-video-shortcode{max-width:100%!important}

/* Fokus sichtbar */
a:focus-visible,button:focus-visible,.fusion-button:focus-visible{outline:3px solid #1f1f1f;outline-offset:2px}

@media (max-width:640px){.fusion-fullwidth{padding-left:16px!important;padding-right:16px!important}}

/* Nachbesserungen nach der ersten Sichtprüfung (12.11.) */
.fusion-text .cf-hero-titel,.cf-bildband .fusion-text h1.cf-hero-titel{color:#fff!important;font-family:'Montserrat',Arial,sans-serif!important;font-size:clamp(28px,5vw,72px)!important;line-height:1.2!important;hyphens:auto}
.cf-bildband .fusion-text,.cf-bildband .fusion-text p,.cf-bildband .fusion-text h2{color:#fff!important}
.cf-cta .cf-cta-titel{text-align:center;color:#fff!important;font-size:clamp(24px,3vw,40px)}
.cf-cta .cf-cta-text{text-align:center;max-width:900px;margin:0 auto}
.cf-copyright{font-size:12px;margin:0}
.cf-siegelreihe{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cf-siegelreihe img{width:52px;height:auto}
.cf-fusslinks{display:flex;flex-wrap:wrap;gap:12px 48px;justify-content:center;font-size:14px;font-weight:600}
.cf-galerie img{max-height:110px;width:auto;max-width:100%}
.cf-galerie figure{margin:0;text-align:center;font-size:14px}
.cf-galerie figure img{max-height:none;width:100%;max-width:220px}
.cf-reihe .cf-icon{font-size:36px;color:#7f7f7f}
.cf-newsband p{margin:0}