/* Grosse Akzent-CTA – Klasse "agwp-cta" an einer 1/1-Spalte (nicht an der ganzen Sektion) */

/* Kreise oben rechts als Hintergrund-Ebene (statt ::before/::after) – funktioniert unabhaengig
   davon, was Enfold an der Spalte mit Pseudo-Elementen, Tabellen-Layout oder Overflow macht. */
#top .flex_column.agwp-cta,
#top .agwp-cta {
	--agwp-cta-ring: rgba(4, 18, 27, .15);
	--agwp-cta-rings: radial-gradient(circle at calc(100% - 90px) 90px,
		transparent 0 129px, var(--agwp-cta-ring) 129px 131px,
		transparent 131px 209px, var(--agwp-cta-ring) 209px 211px,
		transparent 211px);
	--agwp-cta-fill: var(--agwp-acc);
	position: relative;
	overflow: hidden;
	border-radius: var(--agwp-r-xxl);
	background: var(--agwp-cta-rings), var(--agwp-cta-fill);
	color: var(--agwp-onacc);
	padding: clamp(44px, 7vw, 100px) clamp(28px, 6vw, 80px);
}

#top .agwp-cta :is(h1, h2, h3, .av-special-heading-tag) { color: var(--agwp-onacc); max-width: 900px; }
#top .agwp-cta h2 { font-size: clamp(2.5rem, 6vw, 5.5rem); line-height: .98; letter-spacing: -.035em; }
#top .agwp-cta .avia_textblock,
#top .agwp-cta p { color: var(--agwp-onacc); font-size: 1.25rem; font-weight: 500; max-width: 560px; }

/* Buttons in der CTA: Primaer = dunkel, Kontur = dunkler Rahmen */
#top .agwp-cta .avia-button.avia-color-theme-color,
#top .agwp-cta .avia-button.avia-color-dark {
	background: var(--agwp-onacc);
	border-color: var(--agwp-onacc);
	color: #fff;
	box-shadow: none;
}
#top .agwp-cta .avia-button.avia-color-light,
#top .agwp-cta .agwp-btn-ghost .avia-button,
#top .agwp-cta .avia-button.agwp-btn-ghost {
	background: transparent;
	border: 2px solid var(--agwp-onacc);
	color: var(--agwp-onacc);
}
#top .agwp-cta .avia-button.avia-color-light:hover,
#top .agwp-cta .avia-button.agwp-btn-ghost:hover { background: rgba(4, 18, 27, .08); }

/* Optional: Verlauf statt Flaeche – zusaetzliche Klasse "agwp-cta--grad" */
#top .flex_column.agwp-cta--grad,
#top .agwp-cta--grad {
	--agwp-cta-fill: linear-gradient(120deg, #2464D8 0%, #1DA8EB 55%, #67D9E9 100%);
}
#top .agwp-cta--grad :is(h1, h2, h3, .av-special-heading-tag, .avia_textblock, p) { color: #04121B; }