/* Arena Adlersaal – Veranstaltungen und Tickets
   (The Events Calendar, Event Tickets, Event Tickets Plus).

   Wird nur auf Seiten mit Veranstaltungen, Tickets, Kasse, Bestätigung oder
   Teilnehmerregistrierung geladen (siehe functions.php), und zwar nach den
   Plugin-Stylesheets. Farben und Schriften kommen aus den Theme-Variablen.
   Funktioniert mit dem Plugin-Stylesheet "Default" und bleibt bei "Skeleton" intakt. */


/* 1. Plugin-Variablen auf Theme-Werte umstellen.
   The Events Calendar definiert sie auf :root; auf body gesetzt gelten unsere Werte
   für alle Plugin-Bereiche. Bei "Skeleton" sind sie ohne Wirkung. */
body {
	/* Schrift */
	--tec-font-family-sans-serif: var(--wp--preset--font-family--body);

	/* Text */
	--tec-color-text-primary: var(--wp--preset--color--ink);
	--tec-color-text-primary-light: var(--wp--preset--color--text-muted);
	--tec-color-text-secondary: var(--wp--preset--color--text-muted);

	/* Akzent (Buttons, Links, Markierungen): schwarz statt blau */
	--tec-color-accent-primary: var(--wp--preset--color--ink);
	--tec-color-accent-primary-hover: var(--wp--preset--color--text-muted);
	--tec-color-accent-primary-active: var(--wp--preset--color--text-muted);
	--tec-color-accent-primary-background: var(--wp--preset--color--surface);
	--tec-color-accent-secondary: var(--wp--preset--color--ink);
	--tec-color-link-accent: var(--wp--preset--color--ink);
	--tec-color-link-accent-hover: var(--wp--preset--color--text-muted);
	--tec-color-icon-focus: var(--wp--preset--color--ink);
	--tec-color-event-icon-hover: var(--wp--preset--color--ink);

	/* Abgeleitete Variablen: The Events Calendar rechnet sie auf :root aus,
	   deshalb müssen sie hier ebenfalls gesetzt werden (sonst bleibt Blau). */
	--tec-color-button-primary: var(--wp--preset--color--ink);
	--tec-color-button-primary-hover: var(--wp--preset--color--text-muted);
	--tec-color-button-primary-active: var(--wp--preset--color--text-muted);
	--tec-color-button-primary-background: var(--wp--preset--color--surface);
	--tec-color-button-secondary: var(--wp--preset--color--ink);
	--tec-color-button-secondary-hover: var(--wp--preset--color--text-muted);
	--tec-color-button-secondary-active: var(--wp--preset--color--text-muted);
	--tec-color-button-secondary-background: var(--wp--preset--color--surface);
	--tec-color-link-primary: var(--wp--preset--color--ink);
	--tec-color-text-events-title: var(--wp--preset--color--ink);
	--tec-color-text-event-title: var(--wp--preset--color--ink);
	--tec-color-text-event-date: var(--wp--preset--color--ink);
	--tec-color-text-secondary-event-date: var(--wp--preset--color--text-muted);
	--tec-color-accent-primary-background-datepicker: var(--wp--preset--color--surface);
	--tec-color-background-secondary-datepicker: var(--wp--preset--color--surface);
	--tec-color-background-events-bar: var(--wp--preset--color--paper);
	--tec-color-background-events-bar-submit-button: var(--wp--preset--color--ink);
	--tec-color-background-events-bar-submit-button-hover: var(--wp--preset--color--text-muted);
	--tec-color-background-events-bar-submit-button-active: var(--wp--preset--color--text-muted);
	--tec-color-background-search-container: var(--wp--preset--color--paper);
	--tec-color-background-view-selector: var(--wp--preset--color--paper);
	--tec-color-background-view-selector-tabs: var(--wp--preset--color--paper);
	--tec-color-background-view-selector-list-item-hover: var(--wp--preset--color--surface);
	--tec-color-background-subscribe-list-item-hover: var(--wp--preset--color--surface);
	--tec-color-background-tooltip: var(--wp--preset--color--paper);
	--tec-color-day-marker-month: var(--wp--preset--color--ink);
	--tec-color-day-marker-month-hover: var(--wp--preset--color--text-muted);
	--tec-color-day-marker-month-active: var(--wp--preset--color--text-muted);
	--tec-color-day-marker-current-month: var(--wp--preset--color--ink);
	--tec-color-day-marker-current-month-hover: var(--wp--preset--color--text-muted);
	--tec-color-day-marker-current-month-active: var(--wp--preset--color--text-muted);
	--tec-color-border-events-bar: var(--wp--custom--line);
	--tec-color-border-secondary-month-grid: var(--wp--custom--line);
	--tec-color-border-active-month-grid-hover: var(--wp--preset--color--ink);

	/* Flächen */
	--tec-color-background: var(--wp--preset--color--paper);
	--tec-color-background-secondary: var(--wp--preset--color--surface);
	--tec-color-background-secondary-hover: var(--wp--preset--color--placeholder-soft);
	--tec-color-background-primary-multiday: var(--wp--preset--color--surface);
	--tec-color-background-primary-multiday-hover: var(--wp--preset--color--placeholder-soft);

	/* Linien */
	--tec-color-border-default: var(--wp--custom--line);
	--tec-color-border-secondary: var(--wp--custom--line);
	--tec-color-border-hover: var(--wp--preset--color--text-muted);
	--tec-color-border-active: var(--wp--preset--color--ink);

	/* Formularfelder: Rahmen wie .field der Referenz (etwa 3:1 auf Weiß, WCAG 1.4.11) */
	--tec-form-color-background: var(--wp--preset--color--paper);
	--tec-form-color-border-default: rgba(0, 0, 0, 0.45);
	--tec-form-color-border-active: var(--wp--preset--color--ink);
	--tec-form-color-accent-primary: var(--wp--preset--color--ink);

	/* Ecken und Breite wie im Theme: 1296 px Inhalt plus Seitenrand wie bei den Patterns.
	   --tec-grid-width wird auf :root ausgerechnet, deshalb hier direkt. */
	--tec-border-radius-default: var(--wp--custom--radius);
	--tec-grid-width-default: 1296px;
	--tec-grid-gutter-page: var(--wp--custom--gutter);
	--tec-grid-gutter-page-small: var(--wp--custom--gutter);
	--tec-grid-width: calc(1296px + 2 * var(--wp--custom--gutter));
}

/* Einzelansicht: gleiche Breite und gleicher linker Rand wie Liste und Patterns */
body #tribe-events-pg-template {
	box-sizing: border-box;
	max-width: calc(1296px + 2 * var(--wp--custom--gutter));
	padding-left: var(--wp--custom--gutter);
	padding-right: var(--wp--custom--gutter);
}


/* 2. Überschriften in der Überschriften-Schrift.
   Doppelte Klasse, damit die Regel sicher stärker ist als die des Plugins. */
.tribe-common.tribe-common :is(h1, h2, h3),
.tribe-common.tribe-common h4:is(.tribe-common-h4, .tribe-common-h5, .tribe-common-h6),
.tribe-events-single-event-title.tribe-events-single-event-title,
.tribe-tickets__tickets-title.tribe-tickets__tickets-title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
}
/* Monatsansicht: Wochentage und Tageszahlen in Work Sans (Ziffern von Cormorant sind dort schlecht lesbar) */
.tribe-common.tribe-common :is(.tribe-events-calendar-month__header-column-title, .tribe-events-calendar-month__day-date) {
	font-family: var(--wp--preset--font-family--body);
}


/* 3. Gefüllte Buttons ("Veranstaltungen finden", Ticket kaufen): Standard-Variante des Theme.
   Werte wie in theme.json; Farben werden hier gesetzt, damit es auch bei "Skeleton" gleich aussieht.
   Keine feste Breite, damit längere deutsche Texte passen. */
.tribe-common.tribe-common :is(a, button).tribe-common-c-btn,
.tribe-common.tribe-common .tribe-tickets__tickets-buy.tribe-common-c-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--wp--custom--button-min-height);
	padding: 0 28px;
	border: 0;
	border-radius: var(--wp--custom--radius);
	background-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
}
.tribe-common.tribe-common :is(a, button).tribe-common-c-btn:hover,
.tribe-common.tribe-common .tribe-tickets__tickets-buy.tribe-common-c-btn:hover {
	background-color: var(--wp--preset--color--text-muted);
	color: var(--wp--preset--color--paper);
}
.tribe-common.tribe-common :is(a, button).tribe-common-c-btn:disabled,
.tribe-common.tribe-common .tribe-tickets__tickets-buy.tribe-common-c-btn:disabled {
	background-color: var(--wp--preset--color--placeholder);
	color: var(--wp--preset--color--placeholder-text);
	cursor: not-allowed;
}

/* 3b. Rahmen-Buttons ("Heute", "Kalender abonnieren", "Zum Kalender hinzufügen"):
   dünner Rahmen und Schrift in --ink, nicht gefüllt. Werte wie die Filter-Buttons der Galerie. */
.tribe-common.tribe-common :is(.tribe-common-c-btn-border, .tribe-common-c-btn-border-small) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--wp--custom--touch-min);
	padding: 0 24px;
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: var(--wp--custom--radius);
	background-color: transparent;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--body);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.tribe-common.tribe-common :is(.tribe-common-c-btn-border, .tribe-common-c-btn-border-small):hover {
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
}
/* Innerer Button und Symbole im Abonnieren-Feld übernehmen Farbe und Schrift */
.tribe-common.tribe-common .tribe-events-c-subscribe-dropdown__button :is(button, .tribe-events-c-subscribe-dropdown__button-text) {
	background: transparent;
	color: inherit;
	font: inherit;
}
.tribe-common.tribe-common :is(.tribe-common-c-btn-border, .tribe-common-c-btn-border-small) svg { color: inherit; }
.tribe-common.tribe-common :is(.tribe-common-c-btn-border, .tribe-common-c-btn-border-small) .tribe-common-c-svgicon__svg-fill { fill: currentColor; }
.tribe-common.tribe-common :is(.tribe-common-c-btn-border, .tribe-common-c-btn-border-small) .tribe-common-c-svgicon__svg-stroke { stroke: currentColor; }

/* 3c. Ticketmenge: Plus und Minus mit ausreichendem Kontrast (WCAG 1.4.11) */
.event-tickets.event-tickets :is(.tribe-tickets__tickets-item-quantity-add, .tribe-tickets__tickets-item-quantity-remove) {
	color: var(--wp--preset--color--text-muted);
}
.event-tickets.event-tickets :is(.tribe-tickets__tickets-item-quantity-add, .tribe-tickets__tickets-item-quantity-remove):hover {
	color: var(--wp--preset--color--ink);
}
.event-tickets.event-tickets .tribe-tickets__tickets-item--disabled :is(.tribe-tickets__tickets-item-quantity-add, .tribe-tickets__tickets-item-quantity-remove) {
	color: var(--wp--preset--color--placeholder);
}

/* 3d. Nachtrag Einzelansicht, Modal, Kasse */

/* Titel der Einzelansicht in Titelgröße wie die H1 der Patterns (Plugin: 24 px mobil, 40 px ab 768 px) */
body .tribe-events-single-event-title.tribe-events-single-event-title {
	font-size: var(--wp--preset--font-size--titel);
	line-height: 1.1;
}

/* H1 von Liste, Monat und Tag ("Veranstaltungen") wie die H1 der Einzelansicht.
   Stärker als die Plugin-Regeln .tribe-events .tribe-events-header__title h1… (auch mit Breakpoint-Klasse),
   die die Schrift über --tec-font-family-base setzen. */
.tribe-events.tribe-events .tribe-events-header__title.tribe-events-header__title h1.tribe-events-header__title-text {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--titel);
	font-weight: 600;
	line-height: 1.1;
}

/* Beschreibung: lesbare Textbreite wie die Textseiten des Theme (page.html), die Seite bleibt 1296 px */
.tribe-events-single .tribe-events-single-event-description {
	max-width: 760px;
}

/* Modal der Teilnehmerregistrierung: Höhe nach Inhalt, begrenzte Breite
   (Plugin: 100 % hoch bzw. ab 768 px 100vh − 160 px hoch und 80vw breit) */
.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar {
	height: auto;
	max-height: 100%;
	overflow-y: auto;
}
@media (min-width: 768px) {
	.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar {
		width: min(760px, 80vw);
		max-height: calc(100vh - 160px);
	}
}
/* Modal: Plus und Minus wie auf der Seite */
.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-modal__content :is(.tribe-tickets__tickets-item-quantity-add, .tribe-tickets__tickets-item-quantity-remove) {
	color: var(--wp--preset--color--text-muted);
}
.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-modal__content :is(.tribe-tickets__tickets-item-quantity-add, .tribe-tickets__tickets-item-quantity-remove):hover {
	color: var(--wp--preset--color--ink);
}
/* Modal: Entfernen-Symbol (Kreis mit x). Das Plugin zeichnet es als Hintergrundbild in #bababa.
   Hier dieselbe Form als Maske, die Farbe kommt aus der Theme-Variablen. */
.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-modal__content .tribe-tickets__tickets-item-remove {
	background-image: none;
	background-color: var(--wp--preset--color--text-muted);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='square' stroke-width='1.5' transform='translate(1 1)' stroke='%23000'%3E%3Cpath d='M10.91 5.09l-5.82 5.82m5.82 0L5.09 5.09'/%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/g%3E%3C/svg%3E") center / 18px 18px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='square' stroke-width='1.5' transform='translate(1 1)' stroke='%23000'%3E%3Cpath d='M10.91 5.09l-5.82 5.82m5.82 0L5.09 5.09'/%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/g%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-modal__content .tribe-tickets__tickets-item-remove:hover {
	background-color: var(--wp--preset--color--ink);
}

/* Kasse: Rahmen der Eingabefelder wie die Kommentarfelder, Fokus schwarz */
.tribe-common.tribe-common :is(.tribe-tickets__commerce-checkout-purchaser-info-field, .tribe-tickets__commerce-checkout-cart-coupons) :is(input, select, textarea) {
	border: 1px solid rgba(0, 0, 0, 0.45);
	border-radius: var(--wp--custom--radius);
}
.tribe-common.tribe-common :is(.tribe-tickets__commerce-checkout-purchaser-info-field, .tribe-tickets__commerce-checkout-cart-coupons) :is(input, select, textarea):focus {
	border-color: var(--wp--preset--color--ink);
}

/* Kasse: Anzahl wie die Summe rechtsbündig (Plugin: zentriert) */
.tribe-common.tribe-common .tribe-tickets__commerce-checkout-cart-footer-quantity {
	text-align: right;
}

/* "Zum Kalender hinzufügen" einzeilig: Feld und Button so breit wie der Text (Plugin: feste 200 px) */
body .tribe-events.tribe-events .tribe-events-c-subscribe-dropdown__container,
.tribe-common.tribe-common .tribe-events-c-subscribe-dropdown__button {
	width: auto;
}
.tribe-common.tribe-common .tribe-events-c-subscribe-dropdown__button :is(button, .tribe-events-c-subscribe-dropdown__button-text) {
	white-space: nowrap;
}

/* Ausverkauft (nur im Ticketblock der Seite, nicht im Modal): Das Plugin macht die ganze Zeile per opacity
   blass ([data-available="false"]), daraus kann sich kein Kindelement lösen. Stattdessen nur die übrigen Teile
   blass (Wert des Plugins), der Mengenbereich mit "Ausverkauft" bleibt voll lesbar (Schwarz auf Weiß, 19,8:1). */
.event-tickets.event-tickets .tribe-tickets__tickets-item[data-available="false"]:not(.tribe-modal__cart *) {
	opacity: 1;
}
.event-tickets.event-tickets .tribe-tickets__tickets-item[data-available="false"]:not(.tribe-modal__cart *) > :not(.tribe-tickets__tickets-item-quantity) {
	opacity: 0.5;
}
.event-tickets.event-tickets .tribe-tickets__tickets-item[data-available="false"]:not(.tribe-modal__cart *) .tribe-tickets__tickets-item-quantity-unavailable {
	color: var(--wp--preset--color--ink);
}
/* Modal: Das Plugin gibt dort alle Zeilen als data-available="false" aus und macht sie damit blass.
   Im Modal sind es die ausgewählten Tickets, deshalb voll deckend. */
.tribe-modal__cart.tribe-modal__cart .tribe-tickets__tickets-item[data-available="false"] {
	opacity: 1;
}

/* "Heute" / "Dieser Monat": Das Plugin erzwingt display: block !important, daher mittig über die Zeilenhöhe
   (Fläche 44 px abzüglich 2 × 1 px Rahmen) statt über Flex */
.tribe-common.tribe-common.tribe-common :is(a, button).tribe-common-c-btn-border-small {
	padding-top: 0;
	padding-bottom: 0;
	line-height: calc(var(--wp--custom--touch-min) - 2px);
}

/* Abonnieren / Zum Kalender hinzufügen: Menü so breit wie der Inhalt, mindestens so breit wie der Button */
body .tribe-events .tribe-events-c-subscribe-dropdown {
	position: relative;
	width: fit-content;
}
body .tribe-common .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__content {
	width: max-content;
	min-width: 100%;
}
/* Abonnieren / Zum Kalender hinzufügen: Hover, Fokus und geöffnet wie die anderen Rahmen-Buttons
   (Rahmen ink, Hintergrund surface, Schrift ink). Eine Klasse mehr als die Plugin-Regel, weil dessen
   Stylesheet im Quelltext nach unserem stehen kann. */
.tribe-common.tribe-common .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:is(:hover, :focus, :focus-within, .tribe-events-c-subscribe-dropdown__button--active) {
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
}
/* Nur ein Fokus-Rahmen: am äußeren Rahmen-Button statt am inneren Button */
.tribe-common.tribe-common .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button :is(button, .tribe-events-c-subscribe-dropdown__button-text):is(:focus, :focus-visible) {
	outline: none;
	box-shadow: none;
}
.tribe-common.tribe-common .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:has(:focus-visible) {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
	box-shadow: 0 0 0 2px var(--wp--preset--color--paper);
}

/* Modal: Entfernen-Symbol bei den Teilnehmerdaten (SVG mit currentColor); beim Darüberfahren bleibt das Rot des Plugins */
.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-tickets__attendee-tickets-item-remove,
.event-tickets.event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-tickets__attendee-tickets-item-remove-icon {
	color: var(--wp--preset--color--text-muted);
}


/* 4. Fokus wie im Theme: schwarzer Rahmen mit weißem Innenrand.
   .tribe-dialog ist das Modal der Teilnehmerregistrierung (Event Tickets Plus). */
.tribe-common.tribe-common :focus-visible,
.tribe-dialog :focus-visible {
	outline: 3px solid var(--wp--preset--color--ink);
	outline-offset: 2px;
	box-shadow: 0 0 0 2px var(--wp--preset--color--paper);
}


/* 5. Suchleiste: Linie unter den Eingabefeldern kräftiger, damit die Felder erkennbar sind (WCAG 1.4.11) */
.tribe-common.tribe-common .tribe-common-form-control-text__input {
	border-bottom-color: rgba(0, 0, 0, 0.45);
}
.tribe-common.tribe-common .tribe-common-form-control-text__input:focus {
	border-bottom-color: var(--wp--preset--color--ink);
}


/* 6. Kommentare auf Veranstaltungsseiten (Ausgabe von WordPress: #comments, .commentlist, #respond).
   Felder wie .field/.area der Referenz, Button wie die Standard-Variante. */
.single-tribe_events .commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
}
.single-tribe_events .commentlist .comment {
	padding: 24px 0;
	border-top: 1px solid var(--wp--custom--line);
}
.single-tribe_events .comment-form label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
}
.single-tribe_events .comment-form :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: var(--wp--custom--button-min-height);
	padding: 0 14px;
	border: 1px solid rgba(0, 0, 0, 0.45);
	border-radius: var(--wp--custom--radius);
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--body);
	font-size: 16px;
}
.single-tribe_events .comment-form textarea {
	min-height: 160px;
	padding: 14px;
}
.single-tribe_events .comment-form .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.single-tribe_events .comment-form .comment-form-cookies-consent label { display: inline; margin: 0; }
.single-tribe_events .comment-form input[type="checkbox"] { width: 20px; height: 20px; margin-top: 2px; flex-shrink: 0; }
.single-tribe_events .comment-form input[type="submit"] {
	min-height: var(--wp--custom--button-min-height);
	padding: 0 28px;
	border: 0;
	border-radius: var(--wp--custom--radius);
	background-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	cursor: pointer;
}
.single-tribe_events .comment-form input[type="submit"]:hover {
	background-color: var(--wp--preset--color--text-muted);
}

/* Ticketshop: Einleitungssatz unter der H1 (Liste, Monat, Tag). Immer eine eigene, volle Zeile im Flex-Kopf des Plugins
   (.tribe-events-header, views-skeleton.min.css): Mit max-width stand er neben Suchleiste und Ansichten.
   Textbreite höchstens 640 px über den Innenabstand rechts, die Zeile selbst bleibt 100 %. */
.tribe-events .tribe-events-header .aa-tec-lead {
	flex: 0 0 100%;
	box-sizing: border-box;
	padding-inline-end: max(0px, 100% - 640px);
	margin: 0 0 var(--wp--preset--spacing--50);
	font-size: var(--wp--preset--font-size--lead);
	line-height: 1.6;
	color: var(--wp--preset--color--text-muted);
}

/* Ticketshop: Abschnitte unter der Liste ohne Lücke aneinander (wie bei "Gestaltete Seite") */
.aa-main > .aa-section {
	margin-block-start: 0;
	margin-block-end: 0;
}