/*
Theme Name: f.g.media
Theme URI: https://felixgelijkmedia.com/
Author: Felix Gelijk
Description: Block-Theme für f.g.media – Musikjournalismus aus Köln. Hell- und Dunkelmodus, lokale Schriften, gestaltet für The Events Calendar und Contact Form 7. Zusammen mit dem Plugin „f.g.media Funktionen“ verwenden.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fgmedia
*/

/* ==========================================================================
   Farbmodi. Dunkel ist der Grundton des CIs. Ohne gespeicherte Wahl
   folgt die Seite der Systemeinstellung des Geräts.
   ========================================================================== */
:root {
	--fg-base: #14110f;
	--fg-surface: #1a1613;
	--fg-surface-2: #241e1a;
	--fg-contrast: #fcf5e7;
	--fg-muted: #d9d0c2;
	--fg-subtle: #a89f92;
	--fg-line: #2e2722;
	--fg-accent: #f87422;
	--fg-accent-text: #f87422;
	--fg-radius: 18px;
	color-scheme: dark;
}
@media (prefers-color-scheme: light) {
	:root:not([data-theme="dark"]) {
		--fg-base: #fcf5e7;
		--fg-surface: #f5ebd9;
		--fg-surface-2: #ecdfc8;
		--fg-contrast: #14110f;
		--fg-muted: #3d342d;
		--fg-subtle: #6b5f54;
		--fg-line: #e2d4bd;
		--fg-accent-text: #a8460f;
		color-scheme: light;
	}
}
:root[data-theme="light"] {
	--fg-base: #fcf5e7;
	--fg-surface: #f5ebd9;
	--fg-surface-2: #ecdfc8;
	--fg-contrast: #14110f;
	--fg-muted: #3d342d;
	--fg-subtle: #6b5f54;
	--fg-line: #e2d4bd;
	--fg-accent-text: #a8460f;
	color-scheme: light;
}

/* Umgekehrte Fläche: im Dunkelmodus creme, im Hellmodus dunkel. */
.fg-invert {
	--fg-base: #fcf5e7 !important;
	--fg-surface: #f5ebd9 !important;
	--fg-contrast: #14110f !important;
	--fg-muted: #3d342d !important;
	--fg-subtle: #6b5f54 !important;
	--fg-line: #e2d4bd !important;
	--fg-accent-text: #a8460f !important;
	background: var(--fg-base);
	color: var(--fg-contrast);
}
:root[data-theme="light"] .fg-invert {
	--fg-base: #14110f !important;
	--fg-surface: #1a1613 !important;
	--fg-contrast: #fcf5e7 !important;
	--fg-muted: #d9d0c2 !important;
	--fg-subtle: #a89f92 !important;
	--fg-line: #2e2722 !important;
	--fg-accent-text: #f87422 !important;
}
@media (prefers-color-scheme: light) {
	:root:not([data-theme="dark"]) .fg-invert {
		--fg-base: #14110f !important;
		--fg-surface: #1a1613 !important;
		--fg-contrast: #fcf5e7 !important;
		--fg-muted: #d9d0c2 !important;
		--fg-subtle: #a89f92 !important;
		--fg-line: #2e2722 !important;
		--fg-accent-text: #f87422 !important;
	}
}

/* WordPress löst die Farb-Presets auf :root auf. In umgekehrten Flächen
   werden sie daher neu gesetzt, damit Blöcke dort die passenden Farben nehmen. */
.fg-invert {
	--wp--preset--color--base: var(--fg-base);
	--wp--preset--color--surface: var(--fg-surface);
	--wp--preset--color--contrast: var(--fg-contrast);
	--wp--preset--color--muted: var(--fg-muted);
	--wp--preset--color--subtle: var(--fg-subtle);
	--wp--preset--color--line: var(--fg-line);
	--wp--preset--color--accent-text: var(--fg-accent-text);
}
.fg-invert :where(h1, h2, h3, h4, h5, h6) { color: var(--fg-contrast); }

/* ==========================================================================
   Grundlagen
   ========================================================================== */
html { scroll-padding-top: 5rem; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--fg-accent); color: #14110f; }
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--fg-accent);
	outline-offset: 3px;
	border-radius: 4px;
}
img { height: auto; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.fg-skip-link { position: absolute; left: -9999px; top: 0; z-index: 1000; background: var(--fg-accent); color: #14110f; padding: .75rem 1rem; font-weight: 700; }
.fg-skip-link:focus { left: 1rem; top: 1rem; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Kleine Kennzeichnung über Abschnitten */
.fg-kicker {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--fg-accent-text);
	margin-bottom: .5rem !important;
}
.fg-dot::after { content: "."; color: var(--fg-accent); }

/* ==========================================================================
   Kopfbereich
   ========================================================================== */
.fg-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--fg-line);
	isolation: isolate;
}
/* Der Unschärfe-Hintergrund liegt auf einer eigenen Ebene. Läge backdrop-filter
   direkt auf dem Header, würde das Handy-Menü nur innerhalb des Headers aufgehen. */
.fg-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: color-mix(in srgb, var(--fg-base) 92%, transparent);
	-webkit-backdrop-filter: saturate(140%) blur(10px);
	backdrop-filter: saturate(140%) blur(10px);
	pointer-events: none;
}
.admin-bar .fg-header { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .fg-header { top: 0; } }
.fg-logo { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 900; font-size: 1.5rem; letter-spacing: -.02em; line-height: 1; }
.fg-logo a { color: var(--fg-contrast); text-decoration: none; }
.fg-logo a span, .fg-logo span { color: var(--fg-accent); }
.fg-header .wp-block-navigation .wp-block-navigation-item__content { padding: .35rem 0; }
.fg-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.fg-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--fg-accent-text); }
.fg-header .wp-block-navigation .fg-nav-cta > .wp-block-navigation-item__content {
	background: var(--fg-accent); color: #14110f; padding: .6rem 1.1rem; border-radius: 999px; font-weight: 700;
}
.fg-header .wp-block-navigation .fg-nav-cta > .wp-block-navigation-item__content:hover { background: var(--fg-contrast); color: var(--fg-base); }
.fg-header .wp-block-navigation__responsive-container-open,
.fg-header .wp-block-navigation__responsive-container-close { width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--fg-line); border-radius: 999px; color: var(--fg-contrast); }
@media (max-width: 599px) {
	.fg-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: inline-flex; }
}
@media (min-width: 600px) {
	.fg-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none !important; }
}
.fg-header .wp-block-navigation__responsive-container-close { display: inline-flex; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open {
	position: fixed !important;
	inset: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	box-sizing: border-box !important;
	overflow-x: hidden;
	z-index: 100000 !important;
	overflow-y: auto;
	background: var(--fg-base) !important;
	color: var(--fg-contrast) !important;
	padding: max(1.25rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom)) !important;
}
.admin-bar .fg-header .wp-block-navigation__responsive-container.is-menu-open { top: var(--wp-admin--admin-bar--height, 46px) !important; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { position: absolute; top: max(1rem, env(safe-area-inset-top)); right: 1.25rem; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { flex-direction: column; align-items: flex-start !important; gap: .25rem !important; width: 100%; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--fg-line); }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .fg-nav-cta { border-bottom: 0; margin-top: 1.25rem; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .fg-nav-cta > .wp-block-navigation-item__content { display: inline-block; font-size: 1.15rem; padding: .85rem 1.6rem; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding: 4.5rem 0 0 !important; margin: 0 !important; width: 100% !important; max-width: 100%; box-sizing: border-box; align-items: flex-start; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { margin: 0 !important; width: 100%; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open * { box-sizing: border-box; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { overflow-wrap: anywhere; max-width: 100%; }
.fg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: clamp(1.35rem, 6.5vw, 1.75rem); font-weight: 800; padding: .85rem 0; display: block; }

/* Hell/Dunkel-Knopf */
.fg-theme-toggle {
	width: 44px; height: 44px; flex: 0 0 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--fg-line); border-radius: 999px;
	background: transparent; color: var(--fg-contrast); cursor: pointer; padding: 0;
}
.fg-theme-toggle:hover { border-color: var(--fg-accent); color: var(--fg-accent-text); }
.fg-theme-toggle svg { width: 20px; height: 20px; }
.fg-theme-toggle .fg-icon-sun { display: none; }
:root[data-theme="dark"] .fg-theme-toggle .fg-icon-sun,
:root:not([data-theme]) .fg-theme-toggle .fg-icon-sun { display: block; }
:root[data-theme="dark"] .fg-theme-toggle .fg-icon-moon,
:root:not([data-theme]) .fg-theme-toggle .fg-icon-moon { display: none; }
@media (prefers-color-scheme: light) {
	:root:not([data-theme]) .fg-theme-toggle .fg-icon-sun { display: none; }
	:root:not([data-theme]) .fg-theme-toggle .fg-icon-moon { display: block; }
}
:root[data-theme="light"] .fg-theme-toggle .fg-icon-sun { display: none; }
:root[data-theme="light"] .fg-theme-toggle .fg-icon-moon { display: block; }

/* ==========================================================================
   Fußbereich
   ========================================================================== */
.fg-footer { border-top: 1px solid var(--fg-line); background: var(--fg-surface); }
.fg-footer a { color: var(--fg-contrast); text-decoration: none; }
.fg-footer a:hover { color: var(--fg-accent-text); }
.fg-footer .fg-footer-label { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--xs); letter-spacing: .12em; text-transform: uppercase; color: var(--fg-subtle); margin-bottom: .25rem; }

/* ==========================================================================
   Buttons, Pills, Kategorien
   ========================================================================== */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; color: var(--fg-contrast); border: 2px solid var(--fg-contrast);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--fg-contrast); color: var(--fg-base); }

.fg-pill, .wp-block-post-terms.fg-pill a {
	display: inline-block; background: var(--fg-accent); color: #14110f !important;
	padding: .2rem .7rem; border-radius: 999px; text-decoration: none;
	font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase;
}
.wp-block-post-terms.fg-pill { color: transparent; }
.wp-block-post-terms.fg-pill .wp-block-post-terms__separator { display: none; }
.wp-block-post-terms.fg-pill a + a { margin-left: .35rem; }

.fg-cats { list-style: none; padding: 0; margin: 0; display: flex; gap: .5rem; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: .25rem; }
.fg-cats::-webkit-scrollbar { display: none; }
.fg-cats li { flex: 0 0 auto; }
.fg-cats a {
	display: inline-block; white-space: nowrap; padding: .55rem 1rem; border-radius: 999px; border: 1px solid var(--fg-line);
	font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: .85rem; text-decoration: none; color: var(--fg-contrast);
}
.fg-cats a:hover, .fg-cats .current-cat a { background: var(--fg-accent); border-color: var(--fg-accent); color: #14110f; }

/* ==========================================================================
   Beitragslisten
   ========================================================================== */
.fg-card .wp-block-post-featured-image, .fg-lead .wp-block-post-featured-image { overflow: hidden; border-radius: var(--fg-radius); background: var(--fg-surface-2); }
.fg-card .wp-block-post-featured-image img, .fg-lead .wp-block-post-featured-image img { transition: transform .4s ease; }
.fg-card:hover .wp-block-post-featured-image img, .fg-lead:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.fg-card .wp-block-post-title a, .fg-lead .wp-block-post-title a, .fg-row .wp-block-post-title a { color: var(--fg-contrast); text-decoration: none; }
.fg-card .wp-block-post-title a:hover, .fg-lead .wp-block-post-title a:hover, .fg-row .wp-block-post-title a:hover { color: var(--fg-accent-text); }

.fg-list > li { border-top: 1px solid var(--fg-line); padding-top: 1rem; }
.fg-row { gap: 1rem !important; align-items: flex-start !important; }
.fg-row .wp-block-post-featured-image { flex: 0 0 112px; width: 112px; border-radius: 12px; overflow: hidden; margin: 0; }
@media (min-width: 782px) { .fg-row .wp-block-post-featured-image { flex-basis: 150px; width: 150px; } }
.fg-row .wp-block-post-featured-image img { aspect-ratio: 4/3; object-fit: cover; width: 100%; height: 100%; }

.wp-block-query-pagination { font-family: var(--wp--preset--font-family--display); font-weight: 700; gap: .5rem; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { text-decoration: none; color: var(--fg-contrast); }
.wp-block-query-pagination-numbers .page-numbers { display: inline-flex; min-width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid var(--fg-line); }
.wp-block-query-pagination-numbers .page-numbers.current { background: var(--fg-accent); border-color: var(--fg-accent); color: #14110f; }

/* ==========================================================================
   Artikel
   ========================================================================== */
.fg-article .wp-block-post-content > * { max-width: 720px; }
.fg-article .wp-block-post-content { font-size: 1.1rem; line-height: 1.75; }
.fg-article .wp-block-post-content :where(p, li) { color: color-mix(in srgb, var(--fg-contrast) 90%, var(--fg-base)); }
.fg-article .wp-block-post-featured-image img { border-radius: var(--fg-radius); }
.wp-block-image img, .wp-block-gallery img { border-radius: 12px; }
.wp-block-image figcaption, .wp-block-gallery figcaption { color: var(--fg-subtle); }
.fg-authorbox { border: 1px solid var(--fg-line); border-radius: var(--fg-radius); background: var(--fg-surface); }
hr.wp-block-separator { border-color: var(--fg-line); opacity: 1; }

/* Flächen-Karten */
.fg-surface { background: var(--fg-surface); border: 1px solid var(--fg-line); border-radius: var(--fg-radius); }
.fg-rule-top { border-top: 3px solid var(--fg-accent); padding-top: 1.25rem; }
.fg-stat-value { font-family: var(--wp--preset--font-family--display); font-weight: 900; line-height: 1; letter-spacing: -.02em; color: var(--fg-accent-text); }

/* Referenzleiste */
.fg-refs p { margin: 0; }

/* ==========================================================================
   Contact Form 7
   ========================================================================== */
.wpcf7-form { display: grid; gap: 1.1rem; }
.wpcf7-form p { margin: 0; }
.wpcf7-form label { display: grid; gap: .45rem; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: .9rem; color: var(--fg-contrast); }
.wpcf7-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], select, textarea) {
	width: 100%; box-sizing: border-box; background: var(--fg-base); color: var(--fg-contrast);
	border: 1px solid var(--fg-line); border-radius: 12px; padding: .85rem 1rem;
	font: 400 1rem/1.5 var(--wp--preset--font-family--body);
}
.wpcf7-form :is(input, select, textarea):focus { outline: none; border-color: var(--fg-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fg-accent) 35%, transparent); }
.wpcf7-form textarea { min-height: 180px; resize: vertical; }
.wpcf7-form .wpcf7-list-item { margin: 0; }
.wpcf7-form .wpcf7-acceptance label, .wpcf7-form .wpcf7-checkbox label { display: flex; gap: .6rem; align-items: flex-start; font-family: var(--wp--preset--font-family--body); font-weight: 400; color: var(--fg-muted); }
.wpcf7-form input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--fg-accent); margin-top: .15rem; }
.wpcf7-form .wpcf7-submit {
	justify-self: start; background: var(--fg-accent); color: #14110f; border: 0; border-radius: 999px; padding: .95rem 1.8rem;
	font: 700 1rem var(--wp--preset--font-family--display); cursor: pointer;
}
.wpcf7-form .wpcf7-submit:hover { background: var(--fg-contrast); color: var(--fg-base); }
.wpcf7-not-valid-tip { color: #ff8a65; font-size: .85rem; margin-top: .25rem; }
:root[data-theme="light"] .wpcf7-not-valid-tip { color: #b3261e; }
.wpcf7 form .wpcf7-response-output { margin: 0; border-radius: 12px; padding: .9rem 1rem; border-color: var(--fg-line); }
.wpcf7 form.sent .wpcf7-response-output { border-color: var(--fg-accent); }

/* ==========================================================================
   The Events Calendar – an CI und Farbmodus angepasst
   ========================================================================== */
.tribe-common, .tribe-events, .tribe-events-pg-template, .tribe-block, .tec-block__single-event, #tribe-events-pg-template {
	--tec-color-background: var(--fg-base);
	--tec-color-background-events: var(--fg-base);
	--tec-color-background-secondary: var(--fg-surface);
	--tec-color-background-secondary-hover: var(--fg-surface-2);
	--tec-color-background-transparent: transparent;
	--tec-color-background-events-bar-submit-button: var(--fg-accent);
	--tec-color-background-events-bar-submit-button-hover: var(--fg-contrast);
	--tec-color-text-primary: var(--fg-contrast);
	--tec-color-text-primary-light: var(--fg-subtle);
	--tec-color-text-secondary: var(--fg-muted);
	--tec-color-text-disabled: var(--fg-subtle);
	--tec-color-text-events-title: var(--fg-contrast);
	--tec-color-text-event-title: var(--fg-contrast);
	--tec-color-text-event-date: var(--fg-muted);
	--tec-color-text-events-bar-submit-button: #14110f;
	--tec-color-icon-primary: var(--fg-muted);
	--tec-color-icon-primary-alt: var(--fg-accent);
	--tec-color-icon-secondary: var(--fg-subtle);
	--tec-color-icon-active: var(--fg-accent);
	--tec-color-icon-focus: var(--fg-accent);
	--tec-color-accent-primary: var(--fg-accent);
	--tec-color-accent-primary-hover: var(--fg-accent);
	--tec-color-accent-primary-active: var(--fg-accent);
	--tec-color-accent-primary-multiday: color-mix(in srgb, var(--fg-accent) 35%, transparent);
	--tec-color-accent-primary-multiday-hover: color-mix(in srgb, var(--fg-accent) 50%, transparent);
	--tec-color-accent-secondary: var(--fg-accent);
	--tec-color-link-primary: var(--fg-contrast);
	--tec-color-link-accent: var(--fg-accent-text);
	--tec-color-link-accent-hover: var(--fg-accent-text);
	--tec-color-border-default: var(--fg-line);
	--tec-color-border-secondary: var(--fg-line);
	--tec-color-border-tertiary: var(--fg-line);
	--tec-color-border-active: var(--fg-accent);
	--tec-color-day-marker-month: var(--fg-subtle);
	--tec-color-day-marker-past-month: var(--fg-subtle);
	--tec-font-family-sans-serif: var(--wp--preset--font-family--body);
	--tec-font-family-base: var(--wp--preset--font-family--body);
	--tec-border-radius-default: 12px;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button,
.tribe-common .tribe-common-h1, .tribe-common .tribe-common-h2, .tribe-common .tribe-common-h3,
.tribe-common .tribe-common-h4, .tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6,
.tribe-events-single-event-title, .tribe-events .tribe-events-calendar-month__header-column-title,
.tribe-events .tribe-events-calendar-month__day-date {
	font-family: var(--wp--preset--font-family--display) !important;
}
.tribe-events-single-event-title, .tribe-events .tribe-events-calendar-list__event-title { font-weight: 800 !important; letter-spacing: -.01em; }
.tribe-common .tribe-common-c-btn, .tribe-events .tribe-events-c-search__button, .tribe-common a.tribe-common-c-btn {
	border-radius: 999px !important; font-family: var(--wp--preset--font-family--display) !important; font-weight: 700 !important; color: #14110f !important;
}
.tribe-events .tribe-events-c-events-bar { border-radius: 14px; }
.tribe-events .tribe-events-c-events-bar__search-container, .tribe-events .tribe-events-c-events-bar--border { background: var(--fg-surface); border-color: var(--fg-line); }
.tribe-events .tribe-events-c-search__input { color: var(--fg-contrast) !important; background: transparent !important; }
.tribe-events .tribe-events-c-search__input::placeholder { color: var(--fg-subtle); }
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link { color: var(--fg-accent-text); }
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link,
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link { color: var(--fg-contrast); }
.tribe-events-c-events-bar__views-list .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text { color: var(--fg-accent-text); }
.tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link::after { background-color: var(--fg-accent) !important; }
.tooltipster-base.tribe-events-tooltip-theme { --tec-color-background: var(--fg-surface); }
.tribe-events .datepicker { background: var(--fg-surface); }
#tribe-events-pg-template, .tribe-events-pg-template { padding-left: clamp(1rem, 4vw, 2rem); padding-right: clamp(1rem, 4vw, 2rem); }
.tribe-events-before-html, .tribe-events-after-html { color: var(--fg-muted); }
.tribe-events-single .tribe-events-schedule, .tribe-events-single .tribe-events-event-meta { color: var(--fg-muted); background: transparent; }
.tribe-events-event-meta { border-color: var(--fg-line) !important; }
.single-tribe_events .tribe-events-single-event-description { font-size: 1.05rem; line-height: 1.7; }
.tribe-events-c-subscribe-dropdown__button { border-radius: 999px !important; }

/* ==========================================================================
   Layout-Bausteine
   ========================================================================== */
.fg-header-inner { padding-block: .7rem; gap: 1rem; }
.fg-header-actions { gap: .75rem; }
.fg-header .wp-block-navigation { gap: 1.6rem; }
@media (max-width: 599px) { .fg-logo { font-size: 1.3rem; } .fg-header-inner { padding-block: .5rem; } }

.fg-main { padding-bottom: var(--wp--preset--spacing--50); }
.fg-page-top { padding-top: var(--wp--preset--spacing--50); }
.fg-section { padding-block: var(--wp--preset--spacing--60); }
.fg-section-s { padding-block: var(--wp--preset--spacing--40); }
.fg-pad { padding: var(--wp--preset--spacing--40) !important; margin-block: var(--wp--preset--spacing--30); }
.fg-band { padding-block: var(--wp--preset--spacing--60); }
.fg-surface-band { background: var(--fg-surface); border-top: 1px solid var(--fg-line); padding-block: var(--wp--preset--spacing--50); }
.fg-h-sm { font-size: var(--wp--preset--font-size--xl) !important; }
.fg-lede { font-size: var(--wp--preset--font-size--l); color: var(--fg-muted); line-height: 1.55; max-width: 44rem; }
.fg-intro { margin: 0 0 1.25rem; padding-top: 1.25rem; font-size: var(--wp--preset--font-size--s); color: var(--fg-muted); }
.fg-intro strong { font-family: var(--wp--preset--font-family--display); color: var(--fg-accent-text); }

.fg-meta { gap: .6rem !important; font-size: var(--wp--preset--font-size--xs); }
.fg-meta > * { margin: 0 !important; }
.fg-meta .wp-block-post-terms:not(.fg-pill) a { color: var(--fg-accent-text); }

/* Aufmacher auf der Startseite */
.fg-lead { display: grid; gap: 1.25rem; }
.fg-lead .wp-block-post-featured-image { margin: 0; }
.fg-lead-title { font-size: clamp(1.75rem, 4.5vw, 3.25rem) !important; line-height: 1.06 !important; margin: .5rem 0 !important; }
@media (min-width: 900px) {
	.fg-lead { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: center; gap: 2.5rem; }
}
.fg-row-title { font-size: 1.05rem !important; line-height: 1.3 !important; margin: .25rem 0 0 !important; font-weight: 800 !important; }
@media (min-width: 782px) { .fg-row-title { font-size: 1.2rem !important; } }
.fg-latest .fg-list { gap: 0 2.5rem !important; }
@media (max-width: 781px) { .fg-latest .fg-list { grid-template-columns: 1fr !important; } }
.fg-list > li { padding-block: 1rem; }

.fg-grid { gap: 2.5rem 2rem !important; }
.fg-card { display: flex; flex-direction: column; gap: .65rem; }
.fg-card > * { margin: 0 !important; }
.fg-card .wp-block-post-featured-image { margin-bottom: .35rem !important; }
.fg-card-title { font-size: 1.3rem !important; line-height: 1.25 !important; font-weight: 800 !important; }
.fg-card .wp-block-post-excerpt__excerpt { margin: 0; font-size: .97rem; }
.fg-card .wp-block-post-terms a { color: var(--fg-accent-text); }
.fg-cats { margin-block: 1.5rem 2rem !important; }

/* Referenzen */
.fg-refs { gap: .6rem 2rem !important; border-block: 1px solid var(--fg-line); }
.fg-ref { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.05rem; }

/* Grundsätze */
.fg-principles { gap: 2rem !important; }
.fg-principles h3 { font-size: 1.25rem !important; margin-top: 0; }
.fg-principles p { color: var(--fg-muted); font-size: .98rem; }

/* Über mich */
.fg-portrait img { aspect-ratio: 4/5; object-fit: cover; width: 100%; border-radius: var(--fg-radius) !important; }
.fg-about { gap: clamp(1.5rem, 5vw, 4rem) !important; }

/* Artikel */
.fg-article-head { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--30); display: grid; gap: 1rem; }
.fg-article-head > * { margin: 0 !important; }
.fg-article-title { font-size: clamp(2rem, 5vw, 3.75rem) !important; }
.fg-byline { gap: .25rem 1.25rem !important; color: var(--fg-subtle); font-size: var(--wp--preset--font-size--s); border-top: 1px solid var(--fg-line); padding-top: .9rem; }
.fg-byline > * { margin: 0 !important; }
.fg-article > .wp-block-post-featured-image { margin-block: 1rem 2.5rem; }
.fg-tags { font-size: var(--wp--preset--font-size--s); color: var(--fg-subtle); margin-top: 2rem !important; text-transform: none !important; letter-spacing: 0 !important; }
.fg-authorbox { padding: 1.25rem; gap: 1rem; margin-top: 2.5rem !important; }
.fg-authorbox .wp-block-post-author { margin: 0; }
.fg-authorbox .wp-block-post-author__avatar img { border-radius: 999px; }
.fg-authorbox .wp-block-post-author__name { font-family: var(--wp--preset--font-family--display); font-weight: 800; }
.fg-authorbox-text { margin: 0; color: var(--fg-muted); font-size: .95rem; }
@media (max-width: 599px) { .fg-authorbox { flex-wrap: wrap !important; } }
.fg-article .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--xl); margin-top: 2.5rem; }
.fg-article .wp-block-post-content h3 { font-size: var(--wp--preset--font-size--l); margin-top: 2rem; }

/* Fußbereich */
.fg-footer { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30); }
.fg-footer-cols { gap: 2rem !important; }
.fg-footer-text { color: var(--fg-muted); font-size: .95rem; max-width: 22rem; }
.fg-footer-links { line-height: 2.1; font-size: .95rem; }
.fg-copyright { color: var(--fg-subtle); font-size: var(--wp--preset--font-size--xs); border-top: 1px solid var(--fg-line); padding-top: 1rem; margin-top: 2rem !important; }
.fg-social.wp-block-social-links .wp-social-link { color: var(--fg-contrast) !important; }
.fg-social.wp-block-social-links .wp-social-link:hover { color: var(--fg-accent-text) !important; }
.fg-social.wp-block-social-links { gap: .9rem; font-size: 22px; }

/* Canvas-Seiten (Mediakit, Portfolio, Kontakt, Rechtliches) */
.fg-canvas > .wp-block-post-content > *:first-child { margin-top: 0; }
.fg-hero-s { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--30); }
.fg-hero-s h1 { margin-top: .25rem; }
.fg-stats { gap: 1.25rem !important; }
.fg-stats .wp-block-column { border-top: 1px solid var(--fg-line); padding-top: 1rem; }
.fg-stats .fg-stat-value { font-size: clamp(1.75rem, 4vw, 2.75rem); margin: 0; }
.fg-stats p:not(.fg-stat-value) { margin: .35rem 0 0; color: var(--fg-subtle); font-size: var(--wp--preset--font-size--s); }
.fg-cards { gap: 1.25rem !important; }
.fg-cards .wp-block-column { padding: 1.5rem; }
.fg-cards h3 { font-size: 1.2rem !important; margin-top: 0; }
.fg-cards p { color: var(--fg-muted); font-size: .98rem; }
.fg-chips { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; color: var(--fg-muted); font-size: var(--wp--preset--font-size--s); }
.fg-legal { max-width: 760px; }
.fg-legal h2 { font-size: var(--wp--preset--font-size--xxl); margin-top: var(--wp--preset--spacing--50); scroll-margin-top: 6rem; }
.fg-legal h3 { font-size: var(--wp--preset--font-size--l); margin-top: 1.75rem; }
.fg-legal p, .fg-legal li { color: var(--fg-muted); }
.fg-toc { display: flex; flex-wrap: wrap; gap: .5rem; }
.fg-toc a { display: inline-block; padding: .55rem 1rem; border: 1px solid var(--fg-line); border-radius: 999px; text-decoration: none; color: var(--fg-contrast); font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: .85rem; }
.fg-toc a:hover { border-color: var(--fg-accent); color: var(--fg-accent-text); }
.fg-contact-photo img { aspect-ratio: 4/5; object-fit: cover; width: 100%; border-radius: var(--fg-radius) !important; }
.fg-contact-form { padding: clamp(1.25rem, 4vw, 2.5rem) !important; }
.fg-sources { font-size: var(--wp--preset--font-size--s); color: var(--fg-muted); margin-top: 2.5rem !important; }
.fg-sources ul { padding-left: 1.1rem; }
.fg-canvas .fg-legal { max-width: 1240px !important; }
.fg-legal > * { max-width: 760px; }
.fg-contact { gap: clamp(1.5rem, 5vw, 4rem) !important; }
.fg-contact-photo { max-width: 420px; margin-block: 1.5rem !important; }
.fg-chips > * { margin: 0 !important; }
.fg-hero-s .fg-kicker + h1 { margin-top: 0; }
.fg-band h2 { margin-top: 0; }

/* Navigation zwischen Handy und großem Bildschirm etwas kompakter */
@media (min-width: 600px) and (max-width: 1080px) {
	.fg-header .wp-block-navigation { gap: .9rem; font-size: .85rem; }
	.fg-header .wp-block-navigation .fg-nav-cta > .wp-block-navigation-item__content { padding: .5rem .85rem; }
	.fg-logo { font-size: 1.3rem; }
}