PageSourceSearch

https://www.die-agb.de/ueber-uns/

html die-agb.de collected 2026-10-10 00:05:43 UTC 817,630 bytes, 21,582 lines download raw bytes

1<!DOCTYPE html>
2<html class="avada-html-layout-wide avada-html-header-position-top" lang="de" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
3<head>
4	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
5	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6	<meta name="viewport" content="width=device-width, initial-scale=1" />
7	<title>Über uns &#8211; Die AGB e.V.</title>
8<meta name='robots' content='max-image-preview:large' />
9<link rel='dns-prefetch' href='//www.die-agb.de' />
10<link rel="alternate" type="application/rss+xml" title="Die AGB e.V. &raquo; Feed" href="https://www.die-agb.de/feed/" />
11<link rel="alternate" type="application/rss+xml" title="Die AGB e.V. &raquo; Kommentar-Feed" href="https://www.die-agb.de/comments/feed/" />
12								<link rel="icon" href="https://www.die-agb.de/wp-content/uploads/2026/01/agb_favicon_64.png" type="image/png" />
13		
14					<!-- Apple Touch Icon -->
15						<link rel="apple-touch-icon" sizes="180x180" href="https://www.die-agb.de/wp-content/uploads/2026/01/agb_favicon_180.png" type="image/png">
16		
17					<!-- Android Icon -->
18						<link rel="icon" sizes="192x192" href="https://www.die-agb.de/wp-content/uploads/2026/01/agb_favicon_192.png" type="image/png">
19		
20					<!-- MS Edge Icon -->
21						<meta name="msapplication-TileImage" content="https://www.die-agb.de/wp-content/uploads/2026/01/agb_favicon_270.png" type="image/png">
22				<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.die-agb.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.die-agb.de%2Fueber-uns%2F" />
23<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.die-agb.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.die-agb.de%2Fueber-uns%2F&#038;format=xml" />
24					<meta name="description" content="Über Uns  
25
26Die im Jahr 1981 gegründete Aktion Gemeinwesen und Beratung (AGB e.V.) ist anerkannter freier Träger der Kinder- und Jugendhilfe und Gemeinwesenarbeit im Düsseldorfer Stadtteil Bilk und Mitglied im Paritätischen Wohlfahrtsverband (DPWV). Zu den Förderern der AGB gehören - neben der Stadt Düsseldorf und dem Land Nordrhein-Westfalen - die Aktion Mensch, Mitglieder des"/>
27				
28		<meta property="og:locale" content="de_DE"/>
29		<meta property="og:type" content="article"/>
30		<meta property="og:site_name" content="Die AGB e.V."/>
31		<meta property="og:title" content="  Über uns"/>
32				<meta property="og:description" content="Über Uns  
33
34Die im Jahr 1981 gegründete Aktion Gemeinwesen und Beratung (AGB e.V.) ist anerkannter freier Träger der Kinder- und Jugendhilfe und Gemeinwesenarbeit im Düsseldorfer Stadtteil Bilk und Mitglied im Paritätischen Wohlfahrtsverband (DPWV). Zu den Förderern der AGB gehören - neben der Stadt Düsseldorf und dem Land Nordrhein-Westfalen - die Aktion Mensch, Mitglieder des"/>
35				<meta property="og:url" content="https://www.die-agb.de/ueber-uns/"/>
36													<meta property="article:modified_time" content="2017-11-02T17:03:46+02:00"/>
37											<meta property="og:image" content="https://www.die-agb.de/wp-content/uploads/2026/01/LOGO_FINAL_ADJUSTED_BIG_COLOR.png"/>
38		<meta property="og:image:width" content="219"/>
39		<meta property="og:image:height" content="259"/>
40		<meta property="og:image:type" content="image/png"/>
41		
42		<style id="wp-img-auto-sizes-contain-inline-css">
43img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
44/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
45</style>
46<link rel='stylesheet' id='wpmf-avada-style-css' href='https://www.die-agb.de/wp-content/plugins/wp-media-folder/assets/css/avada_style.css?ver=6.1.9' media='all' />
47<link rel='stylesheet' id='pdfemba_embed_pdf_css-css' href='https://www.die-agb.de/wp-content/plugins/wp-media-folder/assets/css/pdfemb-embed-pdf.css?ver=7.1.3' media='all' />
48
49<link rel='stylesheet' id='wpmf-gallery-popup-style-css' href='https://www.die-agb.de/wp-content/plugins/wp-media-folder/assets/css/display-gallery/magnific-popup.css?ver=6.1.9' media='all' />
50<style id="global-styles-inline-css">
51:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--awb-color-1: #ffffff;--wp--preset--color--awb-color-2: #f9f9fb;--wp--preset--color--awb-color-3: #e8ebef;--wp--preset--color--awb-color-4: #e2e2e2;--wp--preset--color--awb-color-5: #31b29a;--wp--preset--color--awb-color-6: #59667d;--wp--preset--color--awb-color-7: #023a51;--wp--preset--color--awb-color-8: #212934;--wp--preset--color--awb-color-custom-10: #31b29a;--wp--preset--color--awb-color-custom-11: #f2f3f5;--wp--preset--color--awb-color-custom-12: #31b29a;--wp--preset--color--awb-color-custom-13: #f9fafb;--wp--preset--color--awb-color-custom-14: #4a4e57;--wp--preset--color--awb-color-custom-15: rgba(242,243,245,0.7);--wp--preset--color--awb-color-custom-16: rgba(2,58,81,0.8);--wp--preset--color--awb-color-custom-17: #e0ecf0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
510) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 12px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 24px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--xlarge: 32px;--wp--preset--font-size--huge: 48px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-awb-color-1-color{color: var(--wp--preset--color--awb-color-1) !important;}.has-awb-color-2-color{color: var(--wp--preset--color--awb-color-2) !important;}.has-awb-color-3-color{color: var(--wp--preset--color--awb-color-3) !important;}.has-awb-color-4-color{color: var(--wp--preset--color--awb-color-4) !important;}.has-awb-color-5-color{color: var(--wp--preset--color--awb-color-5) !important;}.has-awb-color-6-color{color: var(--wp--preset--color--awb-color-6) !important;}.has-awb-color-7-color{color: var(--wp--preset--color--awb-color-7) !important;}.has-awb-color-8-color{color: var(--wp--preset--color--awb-color-8) !important;}.has-awb-color-custom-10-color{color: var(--wp--preset--color--awb-color-custom-10) !important;}.has-awb-color-custom-11-color{color: var(--wp--preset--color--awb-color-custom-11) !important;}.has-awb-color-custom-12-color{color: var(--wp--preset--color--awb-color-custom-12) !important;}.has-awb-color-custom-13-color{color: var(--wp--preset--color--awb-color-custom-13) !important;}.has-awb-color-custom-14-color{color: var(--wp--preset--color--awb-color-custom-14) !important;}.has-awb-color-custom-15-color{color: var(--wp--preset--color--awb-color-custom-15) !important;}.has-awb-color-custom-16-color{color: var(--wp--preset--color--awb-color-custom-16) !important;}.has-awb-color-custom-17-color{color: var(--wp--preset--color--awb-color-custom-17) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-awb-color-1-background-color{background-color: var(--wp--preset--color--awb-color-1) !important;}.has-awb-color-2-background-color{background-color: var(--wp--preset--color--awb-color-2) !important;}.has-awb-color-3-background-color{background-color: var(--wp--preset--color--awb-color-3) !important;}.has-awb-color-4-background-color{background-color: var(--wp--preset--color--awb-color-4) !important;}.has-awb-color-5-background-color{background-color: var(--wp--preset--color--awb-color-5) !important;}.has-awb-color-6-background-color{background-color: var(--wp--preset--color--awb-color-6) !important;}.has-awb-color-7-background-color{background-color: var(--wp--preset--color--awb-color-7) !important;}.has-awb-color-8-background-color{background-color: var(--wp--preset--color--awb-color-8) !important;}.has-awb-color-custom-10-background-color{background-color: var(--wp--preset--color--awb-color-custom-10) !important;}.has-awb-color-custom-11-background-color{background-color: var(--wp--preset--color--awb-color-custom-11) !important;}.has-awb-color-custom-12-background-color{background-color: var(--wp--preset--color--awb-color-custom-12) !important;}.has-awb-color-custom-13-background-color{background-color: var(--wp--preset--color--awb-color-custom-13) !important;}.has-awb-color-custom-14-background-color{background-color: var(--wp--preset--color--awb-color-custom-14) !important;}.has-awb-color-custom-15-background-color{background-color: var(--wp--preset--color--awb-color-custom-15) !important;}.has-awb-color-custom-16-background-color{background-color: var(--wp--preset--color--awb-color-custom-16) !important;}.has-awb-color-custom-17-background-color{background-color: var(--wp--preset--color--awb-color-custom-17) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-awb-color-1-border-color{border-color: var(--wp--preset--color--awb-color-1) !important;}.has-awb-color-2-border-color{border-color: var(--wp--preset--color--awb-color-2) !important;}.has-awb-color-3-border-color{border-color: var(--wp--preset--color--awb-color-3) !important;}.has-awb-color-4-border-color{border-color: var(--wp--preset--color--awb-color-4) !important;}.has-awb-color-5-border-color{border-color: var(--wp--preset--color--awb-color-5) !important;}.has-awb-color-6-border-color{border-color: var(--wp--preset--color--awb-color-6) !important;}.has-awb-color-7-border-color{border-color: var(--wp--preset--color--awb-color-7) !important;}.has-awb-color-8-border-color{border-color: var(--wp--preset--color--awb-color-8) !important;}.has-awb-color-custom-10-border-color{border-color: var(--wp--preset--color--awb-color-custom-10) !important;}.has-awb-color-custom-11-border-color{border-color: var(--wp--preset--color--awb-color-custom-11) !important;}.has-awb-color-custom-12-border-color{border-color: var(--wp--preset--color--awb-color-custom-12) !important;}.has-awb-color-custom-13-border-color{border-color: var(--wp--preset--color--awb-color-custom-13) !important;}.has-awb-color-custom-14-border-color{border-color: var(--wp--preset--color--awb-color-custom-14) !important;}.has-awb-color-custom-15-border-color{border-color: var(--wp--preset--color--awb-color-custom-15) !important;}.has-awb-color-custom-16-border-color{border-color: var(--wp--preset--color--awb-color-custom-16) !important;}.has-awb-color-custom-17-border-color{border-color: var(--wp--preset--color--awb-color-custom-17) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
51.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-xlarge-font-size{font-size: var(--wp--preset--font-size--xlarge) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}
52/*# sourceURL=global-styles-inline-css */
53</style>
54
55<link rel='stylesheet' id='wpem-calendar-frontend-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/css/frontend.min.css?ver=1.5.0' media='all' />
56<link rel='stylesheet' id='wpem-calendar-day-view-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/css/day-view.css?ver=1.5.0' media='all' />
57<link rel='stylesheet' id='wpem-calendar-list-view-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/css/list-view.css?ver=1.5.0' media='all' />
58<link rel='stylesheet' id='wpem-calendar-week-view-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/css/week-view.css?ver=1.5.0' media='all' />
59<link rel='stylesheet' id='wpem-calendar-summary-view-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/css/summary-view.css?ver=1.5.0' media='all' />
60<link rel='stylesheet' id='wpem-calendar-year-view-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/css/year-view.css?ver=1.5.0' media='all' />
61<link rel='stylesheet' id='wpem-calendar-tooltipster-css-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/css/tooltipster.bundle.min.css?ver=1.5.0' media='all' />
62<link rel='stylesheet' id='embeddable-event-widget-frontend-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-embeddable-event-widget/assets/css/frontend.min.css?ver=1.2.5' media='all' />
63<link rel='stylesheet' id='wpem-event-tags-frontend-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-event-tags/assets/css/wpem-event-tags-frontend.min.css?ver=1.4.8' media='all' />
64<link rel='stylesheet' id='wpem-recurring-frontend-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-recurring-events/assets/css/frontend.min.css?ver=7.1.3' media='all' />
65<link rel='stylesheet' id='chosen-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/css/chosen.css?ver=1.0.0' media='all' />
66<link rel='stylesheet' id='wp-event-manager-frontend-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/css/frontend.min.css?ver=1.0.0' media='all' />
67<link rel='stylesheet' id='wp-event-manager-jquery-ui-css-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/jquery-ui/jquery-ui.css?ver=1.0.0' media='all' />
68<link rel='stylesheet' id='wp-event-manager-jquery-timepicker-css-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/jquery-timepicker/jquery.timepicker.min.css?ver=1.0.0' media='all' />
69<link rel='stylesheet' id='wp-event-manager-grid-style-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/css/wpem-grid.min.css?ver=1.0.0' media='all' />
70<link rel='stylesheet' id='wp-event-manager-font-style-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/fonts/style.css?ver=1.0.0' media='all' />
71<link rel='stylesheet' id='supsystic-pricing-fonts-css' href='https://www.die-agb.de/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Pricing/assets/css/pricing.fonts.css?ver=1.0.0' media='all' />
72<link rel='stylesheet' id='supsystic-pricing-icons-css' href='https://www.die-agb.de/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Pricing/assets/css/font-awesome.min.css?ver=4.7.0' media='all' />
73<link rel='stylesheet' id='supsystic-pricing-css' href='https://www.die-agb.de/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Pricing/assets/css/pricing.frontend.css?ver=1.6.4' media='all' />
74<link rel='stylesheet' id='avada-parent-stylesheet-css' href='https://www.die-agb.de/wp-content/themes/Avada/style.css?ver=7.1.3' media='all' />
75<link rel='stylesheet' id='tablepress-default-css' href='https://www.die-agb.de/wp-content/plugins/tablepress/css/build/default.css?ver=3.4' media='all' />
76<link rel='stylesheet' id='wp-event-manager-registrations-frontend-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager-registrations/assets/css/frontend.css?ver=1.6.24' media='all' />
77<link rel='stylesheet' id='jquery-ui-style-css' href='https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/jquery-ui/jquery-ui.min.css?ver=1.6.24' media='all' />
78<style id="agb-wpem-embedded-listing-inline-css">
79
80/* =========================================================
81   AGB – Eingebettetes WPEM-Listing
82   ========================================================= */
83
84.agb-wpem-responsive {
85    display: flow-root;
86    container-type: inline-size;
87
88    clear: both;
89
90    width: 100% !important;
91    max-width: 100% !important;
92    min-width: 0 !important;
93}
94
95.agb-wpem-responsive,
96.agb-wpem-responsive * {
97    box-sizing: border-box;
98}
99
100
101/* =========================================================
102   WPEM-Hauptcontainer
103   ========================================================= */
104
105.agb-wpem-responsive .wpem-event-listings-instance,
106.agb-wpem-responsive .event_listings_main,
107.agb-wpem-responsive .wpem-main,
108.agb-wpem-responsive .event_listings {
109    width: 100% !important;
110    max-width: 100% !important;
111    min-width: 0 !important;
112}
113
114
115/* =========================================================
116   Überschrift des Listings
117   ========================================================= */
118
119.agb-wpem-responsive
120.wpem-event-listings-header
121.wpem-row {
122    display: block !important;
123
124    width: 100% !important;
125    max-width: 100% !important;
126
127    margin: 0 !important;
128}
129
130.agb-wpem-responsive
131.wpem-event-listings-header
132.wpem-col-lg-8 {
133    width: 100% !important;
134    max-width: 100% !important;
135
136    padding-right: 0 !important;
137    padding-left: 0 !important;
138}
139
140.agb-wpem-responsive
141.wpem-event-listings-header
142.wpem-col-lg-4 {
143    display: none !important;
144}
145
146
147/* =========================================================
148   Card-Grid: drei Spalten
149   ========================================================= */
150
151.agb-wpem-responsive
152.wpem-event-listings.wpem-event-listing-box-view {
153    display: grid !important;
154
155    grid-template-columns: repeat(3, minmax(0, 1fr));
156    gap: 18px;
157
158    width: 100% !important;
159    max-width: 100% !important;
160    min-width: 0 !important;
161
162    margin: 0 !important;
163    padding: 0 !important;
164}
165
166
167/* =========================================================
168   Einzelne Card
169
170   Die hohe Spezifität verhindert die Kollision mit:
171   „AGB – Event Cards: 4 Spalten Desktop TEST v37“
172
173   Dieses ältere Snippet setzt ab 1400 px jede Card auf 25 %.
174   Innerhalb dieses eingebetteten Listings muss die Card
175   stattdessen immer ihre vollständige Grid-Spalte ausfüllen.
176   ========================================================= */
177
178html body
179.agb-wpem-responsive
180.wpem-event-listings.wpem-event-listing-box-view
181> .wpem-event-box-col.wpem-col-lg-4 {
182    display: block !important;
183
184    flex: none !important;
185    flex-basis: auto !important;
186
187    width: 100% !important;
188    max-width: 100% !important;
189    min-width: 0 !important;
190
191    margin: 0 !important;
192    padding: 0 !important;
193
194    justify-self: stretch !important;
195}
196
197
198/* Fallback, falls WPEM die Klasse wpem-col-lg-4 einmal ändert. */
199
200.agb-wpem-responsive
201.wpem-event-listings.wpem-event-listing-box-view
202> .wpem-event-box-col {
203    min-width: 0 !important;
204
205    margin: 0 !important;
206    padding: 0 !important;
207}
208
209
210/* Die eigentliche Card füllt die Grid-Spalte aus. */
211
212.agb-wpem-responsive
213.wpem-event-box-col
214.wpem-event-layout-wrapper {
215    width: 100% !important;
216    max-width: 100% !important;
217    min-width: 0 !important;
218
219    height: 100%;
220}
221
222
223/* Auch Link und Event-Inhalt vollständig ausdehnen. */
224
225.agb-wpem-responsive
226.wpem-event-box-col
227.wpem-event-action-url,
228.agb-wpem-responsive
229.wpem-event-box-col
230.event_listing {
231    width: 100% !important;
232    max-width: 100% !important;
233    min-width: 0 !important;
234}
235
236
237/* =========================================================
238   Responsive Darstellung nach Containerbreite
239   ========================================================= */
240
241/* Zwei Cards nebeneinander in schmaleren Containern. */
242
243@container (max-width: 570px) {
244
245    .agb-wpem-responsive
246    .wpem-event-listings.wpem-event-listing-box-view {
247        grid-template-columns: repeat(2, minmax(0, 1fr));
248    }
249}
250
251
252/* Eine Card untereinander in sehr schmalen Containern. */
253
254@container (max-width: 380px) {
255
256    .agb-wpem-responsive
257    .wpem-event-listings.wpem-event-listing-box-view {
258        grid-template-columns: minmax(0, 1fr);
259    }
260}
261
262/*# sourceURL=agb-wpem-embedded-listing-inline-css */
263</style>
264<link rel='stylesheet' id='fusion-dynamic-css-css' href='https://www.die-agb.de/wp-content/uploads/fusion-styles/d324c045feca07333706162059800e9a.min.css?ver=3.15.5' media='all' />
265<link rel='stylesheet' id='csshero-main-stylesheet-css' href='https://www.die-agb.de/wp-content/uploads/2026/06/csshero-static-style-avada-child.css?ver=96' media='all' />
266<!--n2css--><!--n2js-->
266<script id="jquery-core-js-extra">
267var wpem_security = {"ajax_nonce":"fc3dff75c8","registration_nonce":"e51589a06b","matchmaking_nonce":"11c7383b8a"};
268var SDT_DATA = {"ajaxurl":"https://www.die-agb.de/wp-admin/admin-ajax.php","siteUrl":"https://www.die-agb.de/","pluginsUrl":"https://www.die-agb.de/wp-content/plugins","isAdmin":""};
269//# sourceURL=jquery-core-js-extra
270</script>
vendor: 1 bytes, line 270
270
271<script id="jquery-core-js" src="https://www.die-agb.de/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 271
271
272<script id="wp-event-manager-common-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/common.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 272
272
273<script id="wp-event-manager-content-event-listing-js-extra">
274var event_manager_content_event_listing = {"i18n_datepicker_format":"dd.mm.yy","i18n_initialText":"Datumsbereich ausw\u00e4hlen","i18n_applyButtonText":"\u00dcbernehmen","i18n_clearButtonText":"Zur\u00fccksetzen","i18n_cancelButtonText":"Abbrechen","i18n_monthNames":["Januar","Februar","M\u00e4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"i18n_dayNames":["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],"i18n_dayNamesMin":["So.","Mo.","Di.","Mi.","Do.","Fr.","Sa."],"i18n_today":"Heute","i18n_tomorrow":"Morgen","i18n_thisWeek":"Diese Woche","i18n_nextWeek":"N\u00e4chste Woche","i18n_thisMonth":"Aktueller Monat","i18n_nextMonth":"N\u00e4chster Monat","i18n_thisYear":"Dieses Jahr","i18n_nextYear":"N\u00e4chstes Jahr"};
275//# sourceURL=wp-event-manager-content-event-listing-js-extra
276</script>
vendor: 1 bytes, line 276
276
277<script id="wp-event-manager-content-event-listing-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/content-event-listing.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 277
277
278<script id="wpem-calendar-event-calender-ajax-filters-js-extra">
279var event_manager_calendar_event_calendar_ajax_filters = {"ajax_url":"/em-ajax/%%endpoint%%/","defaultView":"all"};
280//# sourceURL=wpem-calendar-event-calender-ajax-filters-js-extra
281</script>
vendor: 1 bytes, line 281
281
282<script id="wpem-calendar-event-calender-ajax-filters-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/js/event-calendar-ajax-filters.min.js?ver=1.5.0"></script>
282
283<link rel="https://api.w.org/" href="https://www.die-agb.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.die-agb.de/wp-json/wp/v2/pages/28" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.die-agb.de/xmlrpc.php?rsd" />
284<meta name="generator" content="WordPress 7.1.3" />
285<link rel="canonical" href="https://www.die-agb.de/ueber-uns/" />
286<link rel='shortlink' href='https://www.die-agb.de/?p=28' />
287<style id='event_manager_colors'>
288.event-type.term-500, .event-type.alleinerziehende { background-color:  !important; color:  !important } 
289.event-style-color.alleinerziehende { border-left-color:  !important; } 
290.event-type.term-212, .event-type.eltern-kind { background-color:  !important; color:  !important } 
291.event-style-color.eltern-kind { border-left-color:  !important; } 
292.event-type.term-538, .event-type.erwachsene { background-color:  !important; color:  !important } 
293.event-style-color.erwachsene { border-left-color:  !important; } 
294.event-type.term-186, .event-type.familien { background-color: #e8e8e8 !important; color: #333 !important } 
295.event-style-color.familien { border-left-color: #e8e8e8 !important; } 
296.event-type.term-209, .event-type.frauen { background-color: #e8e8e8 !important; color: #333 !important } 
297.event-style-color.frauen { border-left-color: #e8e8e8 !important; } 
298.event-type.term-177, .event-type.jugendliche { background-color: #e8e8e8 !important; color: #333 !important } 
299.event-style-color.jugendliche { border-left-color: #e8e8e8 !important; } 
300.event-type.term-214, .event-type.junge-erwachsene { background-color: #e8e8e8 !important; color: #333 !important } 
301.event-style-color.junge-erwachsene { border-left-color: #e8e8e8 !important; } 
302.event-type.term-208, .event-type.kinder { background-color: #e8e8e8 !important; color: #333 !important } 
303.event-style-color.kinder { border-left-color: #e8e8e8 !important; } 
304.event-type.term-213, .event-type.schuelerinnen { background-color: #e8e8e8 !important; color: #333 !important } 
305.event-style-color.schuelerinnen { border-left-color: #e8e8e8 !important; } 
306.event-type.term-542, .event-type.schwangere { background-color:  !important; color:  !important } 
307.event-style-color.schwangere { border-left-color:  !important; } 
308.event-type.term-210, .event-type.seniorinnen { background-color: #e8e8e8 !important; color: #333 !important } 
309.event-style-color.seniorinnen { border-left-color: #e8e8e8 !important; } 
310.event-category.term-218, .event-category.aktiv-60-plus { background-color: #7e9239 !important; color: #ffffff !important } 
311.calendar-event-details-link { background-color: #7e9239 !important; color: #ffffff !important } 
312.event-category.term-471, .event-category.cafe-fuer-alleinerziehende { background-color: #397344 !important; color: #ffffff !important } 
313.calendar-event-details-link { background-color: #397344 !important; color: #ffffff !important } 
314.event-category.term-480, .event-category.cook-and-connect { background-color: #e8980d !important; color: #ffffff !important } 
315.calendar-event-details-link { background-color: #e8980d !important; color: #ffffff !important } 
316.event-category.term-473, .event-category.eltern-kind-yoga { background-color: #b03582 !important; color: #ffffff !important } 
317.calendar-event-details-link { background-color: #b03582 !important; color: #ffffff !important } 
318.event-category.term-253, .event-category.erzaehlcafe { background-color: #c05019 !important; color: #ffffff !important } 
319.calendar-event-details-link { background-color: #c05019 !important; color: #ffffff !important } 
320.event-category.term-217, .event-category.familienfruehstueck { background-color: #c7531a !important; color: #ffffff !important } 
321.calendar-event-details-link { background-color: #c7531a !important; color: #ffffff !important } 
322.event-category.term-221, .event-category.frauenwerkstatt { background-color: #d66646 !important; color: #ffffff !important } 
323.calendar-event-details-link { background-color: #d66646 !important; color: #ffffff !important } 
324.event-category.term-543, .event-category.griffbereitmini-sprachbildung { background-color: #a80238 !important; color: #ffffff !important } 
325.calendar-event-details-link { background-color: #a80238 !important; color: #ffffff !important } 
326.event-category.term-225, .event-category.interkulturelle-feste { background-color: #006847 !important; color: #ffffff !important } 
327.calendar-event-details-link { background-color: #006847 !important; color: #ffffff !important } 
328.event-category.term-252, .event-category.internationale-frauengruppe { background-color: #cd4740 !important; color: #ffffff !important } 
329.calendar-event-details-link { background-color: #cd4740 !important; color: #ffffff !important } 
330.event-category.term-482, .event-category.jugend-sportcamp { background-color: #185a6b !important; color: #ffffff !important } 
331.calendar-event-details-link { background-color: #185a6b !important; color: #ffffff !important } 
332.event-category.term-478, .event-category.kinder-und-jugend-yoga { background-color: #5ea172 !important; color: #ffffff !important } 
333.calendar-event-details-link { background-color: #5ea172 !important; color: #ffffff !important } 
334.event-category.term-224, .event-category.kindertheater { background-color: #63842c !important; color: #ffffff !important } 
335.calendar-event-details-link { background-color: #63842c !important; color: #ffffff !important } 
336.event-category.term-475, .event-category.klangraum-baglama-saz { background-color: #315e52 !important; color: #ffffff !important } 
337.calendar-event-details-link { background-color: #315e52 !important; color: #ffffff !important } 
338.event-category.term-472, .event-category.musik-machen-mit-frauen { background-color: #c7405d !important; color: #ffffff !important } 
339.calendar-event-details-link { background-color: #c7405d !important; color: #ffffff !important } 
340.event-category.term-474, .event-category.schuelertreff { background-color: #0eadca !important; color: #ffffff !important } 
341.calendar-event-details-link { background-color: #0eadca !important; color: #ffffff !important } 
342.event-category.term-477, .event-category.seniorinnengymnastik { background-color: #5fb0c2 !important; color: #ffffff !important } 
343.calendar-event-details-link { background-color: #5fb0c2 !important; color: #ffffff !important } 
344.event-category.term-476, .event-category.tuerkisch-literarische-teestunde { background-color: #900f07 !important; color: #ffffff !important } 
345.calendar-event-details-link { background-color: #900f07 !important; color: #ffffff !important } 
346.event-tag.term-468, .event-tag.austausch { background-color: #e8e8e8 !important; color: #333 !important } 
347.event-tag.term-501, .event-tag.begegnungen { background-color: #e8e8e8 !important; color: #333 !important } 
348.event-tag.term-493, .event-tag.beweglichkeit { background-color: #e8e8e8 !important; color: #333 !important } 
349.event-tag.term-498, .event-tag.eltern-kind-bindung { background-color: #e8e8e8 !important; color: #333 !important } 
350.event-tag.term-546, .event-tag.familienalltag { background-color: #e8e8e8 !important; color: #333 !important } 
351.event-tag.term-510, .event-tag.figurenspiel { background-color: #e8e8e8 !important; color: #333 !important } 
352.event-tag.term-544, .event-tag.fruehe-sprachbildung { background-color: #e8e8e8 !important; color: #333 !important } 
353.event-tag.term-503, .event-tag.fruehstuecks-buffet { background-color: #e8e8e8 !important; color: #333 !important } 
354.event-tag.term-531, .event-tag.gemeinsames-essen { background-color: #e8e8e8 !important; color: #333 !important } 
355.event-tag.term-516, .event-tag.gemeinsames-singen { background-color: #e8e8e8 !important; color: #333 !important } 
356.event-tag.term-512, .event-tag.gemeinsames-staunen { background-color: #e8e8e8 !important; color: #333 !important } 
357.event-tag.term-529, .event-tag.gesundes-kochen { background-color: #e8e8e8 !important; color: #333 !important } 
358.event-tag.term-486, .event-tag.hausaufgaben { background-color: #e8e8e8 !important; color: #333 !important } 
359.event-tag.term-507, .event-tag.kabarett { background-color: #e8e8e8 !important; color: #333 !important } 
360.event-tag.term-469, .event-tag.kaffee { background-color: #e8e8e8 !important; color: #333 !important } 
361.event-tag.term-515, .event-tag.kinderbetreuung { background-color: #e8e8e8 !important; color: #333 !important } 
362.event-tag.term-502, .event-tag.kinderspielecke { background-color: #e8e8e8 !important; color: #333 !important } 
363.event-tag.term-492, .event-tag.konzentration { background-color: #e8e8e8 !important; color: #333 !important } 
364.event-tag.term-525, .event-tag.koerperwahrnehmung { background-color: #e8e8e8 !important; color: #333 !important } 
365.event-tag.term-513, .event-tag.kreative-sprachfoerderung { background-color: #e8e8e8 !important; color: #333 !important } 
366.event-tag.term-540, .event-tag.kreative-workshops { background-color: #e8e8e8 !important; color: #333 !important } 
367.event-tag.term-524, .event-tag.kreistaenze { background-color: #e8e8e8 !important; color: #333 !important } 
368.event-tag.term-541, .event-tag.kulinarische-spezialitaeten { background-color: #e8e8e8 !important; color: #333 !important } 
369.event-tag.term-530, .event-tag.kulturelle-vielfalt { background-color: #e8e8e8 !important; color: #333 !important } 
370.event-tag.term-518, .event-tag.kultureller-austausch { background-color: #e8e8e8 !important; color: #333 !important } 
371.event-tag.term-527, .event-tag.kultureller-dialog { background-color: #e8e8e8 !important; color: #333 !important } 
372.event-tag.term-535, .event-tag.lebensgeschichten { background-color: #e8e8e8 !important; color: #333 !important } 
373.event-tag.term-487, .event-tag.lernerfolge { background-color: #e8e8e8 !important; color: #333 !important } 
374.event-tag.term-508, .event-tag.literatur { background-color: #e8e8e8 !important; color: #333 !important } 
375.event-tag.term-504, .event-tag.live-musik { background-color: #e8e8e8 !important; color: #333 !important } 
376.event-tag.term-526, .event-tag.lyrik-und-prosa { background-color: #e8e8e8 !important; color: #333 !important } 
377.event-tag.term-247, .event-tag.maerchen { background-color: #e8e8e8 !important; color: #333 !important } 
378.event-tag.term-545, .event-tag.mehrsprachigkeit { background-color: #e8e8e8 !important; color: #333 !important } 
379.event-tag.term-539, .event-tag.mexikanische-taenze { background-color: #e8e8e8 !important; color: #333 !important } 
380.event-tag.term-495, .event-tag.motivation { background-color: #e8e8e8 !important; color: #333 !important } 
381.event-tag.term-506, .event-tag.musik-und-gesang { background-color: #e8e8e8 !important; color: #333 !important } 
382.event-tag.term-522, .event-tag.musiktheorie { background-color: #e8e8e8 !important; color: #333 !important } 
383.event-tag.term-519, .event-tag.musizieren { background-color: #e8e8e8 !important; color: #333 !important } 
384.event-tag.term-514, .event-tag.neue-freundschaften { background-color: #e8e8e8 !important; color: #333 !important } 
385.event-tag.term-509, .event-tag.neue-kontakte { background-color: #e8e8e8 !important; color: #333 !important } 
386.event-tag.term-528, .event-tag.neue-perspektiven { background-color: #e8e8e8 !important; color: #333 !important } 
387.event-tag.term-537, .event-tag.offener-dialog { background-color: #e8e8e8 !important; color: #333 !important } 
388.event-tag.term-532, .event-tag.outdoor-abenteuer { background-color: #e8e8e8 !important; color: #333 !important } 
389.event-tag.term-536, .event-tag.persoenliche-einblicke { background-color: #e8e8e8 !important; color: #333 !important } 
390.event-tag.term-523, .event-tag.rueckenschule { background-color: #e8e8e8 !important; color: #333 !important } 
391.event-tag.term-494, .event-tag.selbstvertrauen { background-color: #e8e8e8 !important; color: #333 !important } 
392.event-tag.term-521, .event-tag.spieltechniken { background-color: #e8e8e8 !important; color: #333 !important } 
393.event-tag.term-533, .event-tag.sport-bewegung { background-color: #e8e8e8 !important; color: #333 !important } 
394.event-tag.term-517, .event-tag.sprachfoerderung { background-color: #e8e8e8 !important; color: #333 !important } 
395.event-tag.term-534, .event-tag.teamgeist { background-color: #e8e8e8 !important; color: #333 !important } 
396.event-tag.term-499, .event-tag.unterstuetzung { background-color: #e8e8e8 !important; color: #333 !important } 
397.event-tag.term-497, .event-tag.vertrauen { background-color: #e8e8e8 !important; color: #333 !important } 
398.event-tag.term-511, .event-tag.zauberei { background-color: #e8e8e8 !important; color: #333 !important } 
399.event-tag.term-505, .event-tag.zeit-fuereinander { background-color: #e8e8e8 !important; color: #333 !important } 
400.wpem-event-listings .wpem-event-layout-wrapper .event_featured, 
401			.wpem-event-listings .wpem-event-layout-wrapper .event_featured:hover, 
402			.event_summary_shortcode .wpem-single-event-widget .event_featured { background-color: #ffffe4 !important; } 
403.wpem-calendar-view-container .event_cancelled { background-color: #ffe5e5 !important; } 
404.wpem-calendar-view-container .event_featured { background-color: #ffffe4 !important; } 
405.wpem-event-listings .wpem-event-layout-wrapper .event_cancelled, 
406			.wpem-event-listings .wpem-event-layout-wrapper .event_cancelled:hover { background-color: #ffe5e5 !important; } 
407.wpem-event-register-label .wpem-event-register-label-text { background-color: #64b60c !important; color: #fff !important } 
408.wpem-event-ticket-type .wpem-event-ticket-type-text { background-color: #ccc !important; color: #333 !important } 
409</style>
410                            <style>/*
411 * AGB – Event Listing Grid Cards Clean Style v4 STRICT GRID ONLY
412 *
413 * Ersetzt:
414 * - Clean Style v1
415 * - Clean Style v2
416 * - Clean Style v3 LIST SAFE LIQUID
417 * - einzelne Liquid-Glass CSS
418 * - alle Cutout-Versionen
419 *
420 * Wichtig:
421 * Diese Version enthält KEINE direkten .wpem-event-box-col Regeln mehr.
422 * Genau diese direkten Regeln konnten weiterhin in die Listenansicht laufen.
423 *
424 * Ergebnis:
425 * - Listenansicht wird von diesem CSS nicht mehr aktiv gestylt.
426 * - Grid/Card-Styles greifen nur, wenn ein echter Grid/Card-Parent vorhanden ist:
427 *   .wpem-event-listing-box-view
428 *   .wpem-event-listing-grid-view
429 *   oder .wpem-event-listings ohne List-View-Klassen.
430 */
431
432/* =========================================================
433   1 – Grid/Card: Rundungen
434   ========================================================= */
435
436.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded,
437.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .event_listing,
438.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-action-url,
439.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded,
440.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .event_listing,
441.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-action-url,
442.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
443.wpem-event-layout-wrapper.agb-event-listing-card-rounded,
444.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
445.wpem-event-layout-wrapper.agb-event-listing-card-rounded .event_listing,
446.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
447.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-action-url {
448    border-radius: 18px 18px 6px 6px !important;
449    overflow: hidden !important;
450}
451
452.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner,
453.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img,
454.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner,
455.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img,
456.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
457.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner,
458.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
459.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img {
460    border-radius: 18px 18px 0 0 !important;
461    overflow: hidden !important;
462}
463
464/* =========================================================
465   2 – Grid/Card: Content Padding
466   ========================================================= */
467
468.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-infomation,
469.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-infomation,
470.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
471.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-infomation {
472    padding-left: 23px !important;
473    padding-right: 20px !important;
474    padding-top: 6px !important;
475    padding-bottom: 9px !important;
476}
477
478.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-details,
479.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-details,
480.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
481.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-details {
482    padding-left: 0 !important;
483    padding-right: 0 !important;
484}
485
486/* =========================================================
487   3 – Grid/Card: Titel
488   ========================================================= */
489
490.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-title .
490wpem-heading-text,
491.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-title .wpem-heading-text,
492.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
493.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-title .wpem-heading-text {
494    font-size: 21px !important;
495    line-height: 1.28 !important;
496}
497
498/* =========================================================
499   4 – Grid/Card: Datum-Tile Liquid Glass
500   ========================================================= */
501
502.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date,
503.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date,
504.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
505.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date {
506    position: relative !important;
507    isolation: isolate !important;
508
509    border-radius: 18px !important;
510    overflow: hidden !important;
511
512    background: rgba(255, 255, 255, 0.67) !important;
513
514    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
515    backdrop-filter: blur(14px) saturate(160%) !important;
516
517    border: 1px solid rgba(255, 255, 255, 0.18) !important;
518
519    box-shadow:
520        0 10px 24px rgba(0, 0, 0, 0.16),
521        inset 0 1px 0 rgba(255, 255, 255, 0.88),
522        inset 0 -1px 0 rgba(255, 255, 255, 0.20) !important;
523}
524
525.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date::before,
526.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date::before,
527.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
528.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date::before {
529    content: "" !important;
530    position: absolute !important;
531    inset: 0 !important;
532    z-index: 0 !important;
533    pointer-events: none !important;
534
535    border-radius: inherit !important;
536
537    background:
538        radial-gradient(
539            circle at 28% 18%,
540            rgba(255, 255, 255, 0.68) 0,
541            rgba(255, 255, 255, 0.24) 34%,
542            rgba(255, 255, 255, 0) 68%
543        ),
544        linear-gradient(
545            135deg,
546            rgba(255, 255, 255, 0.34) 0%,
547            rgba(255, 255, 255, 0.06) 50%,
548            rgba(255, 255, 255, 0.18) 100%
549        ) !important;
550}
551
552.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-date,
553.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-month,
554.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-date,
555.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-month,
556.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
557.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-date,
558.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
559.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-month {
560    position: relative !important;
561    z-index: 1 !important;
562    background: transparent !important;
563    border: 0 !important;
564    box-shadow: none !important;
565}
566
567.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-date,
568.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-date,
569.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
570.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-date {
571    color: rgba(20, 35, 33, 0.96) !important;
572    font-weight: 760 !important;
573    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
574}
575
576.wpem-event-listing-box-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-month,
577.wpem-event-listing-grid-view .wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-month,
578.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
579.wpem-event-layout-wrapper.agb-event-listing-card-rounded .wpem-event-banner-img > .wpem-event-date .wpem-from-date .wpem-month {
580    color: rgba(20, 35, 33, 0.78) !important;
581    font-weight: 650 !important;
582    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) !important;
583}
584
585/* =========================================================
586   AGB – Event Listing Grid Cards: Akzentkante SAFE v6
587
588   Sicherheitsprinzip:
589   - keine Änderung an Grid-, Card- oder Link-Struktur
590   - keine zusätzliche Border an der Card
591   - kein Pseudo-Element am Card-Link
592   - nur ein absolut positioniertes Span innerhalb des Bildes
593   - kein Einfluss auf Höhe, Breite oder Anzahl der Cards
594   ========================================================= */
595
596/* Der vorhandene Bild-Wrapper ist der einzige Bezugspunkt. */
597.wpem-event-listing-box-view
598.wpem-event-layout-wrapper.agb-event-listing-card-rounded
599.wpem-event-banner-img,
600.wpem-event-listing-grid-view
601.wpem-event-layout-wrapper.agb-event-listing-card-rounded
602.wpem-event-banner-img,
603.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
604.wpem-event-layout-wrapper.agb-event-listing-card-rounded
605.wpem-event-banner-img {
606    position: relative !important;
607}
608
609/* Farbige Oberkante ohne jeden Einfluss auf die Card-Berechnung. */
610.wpem-event-listing-box-view
611.wpem-event-layout-wrapper.agb-event-listing-card-rounded
612.wpem-event-banner-img
613> .agb-event-card-accent,
614.wpem-event-listing-grid-view
615.wpem-event-layout-wrapper.agb-event-listing-card-rounded
616.wpem-event-banner-img
617> .agb-event-card-accent,
618.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
619.wpem-event-layout-wrapper.agb-event-listing-card-rounded
620.wpem-event-banner-img
621> .agb-event-card-accent {
622    position: absolute !important;
623    top: 0 !important;
624    left: 0 !important;
625    right: 0 !important;
626
627    display: block !important;
628    width: 100% !important;
629    height: 18px !important;
630
631    margin: 0 !important;
632    padding: 0 !important;
633
634    /*
635     * Exakt wie bei Tooltip/Tablet-Popup:
636     * eine echte 5px border-top auf einem oben gerundeten Element.
637     *
638     * Dadurch ist die Linie in der Mitte 5px stark und läuft an den
639     * beiden gerundeten Enden geometrisch immer schmaler aus.
640     * Kein Fade, keine Maske, keine gleichmäßig dicken Viertelkreise.
641     */
642    background: transparent !important;
643
644    border: 0 !important;
645    border-top: 5px solid var(--agb-card-accent-color, #e8e8e8) !important;
646    border-radius: 18px 18px 0 0 !important;
647
648    pointer-events: none !important;
649    z-index: 20 !important;
650    box-sizing: border-box !important;
651}</style>
652                                                        <style>/*
653 * AGB – WPEM Event Listing: Listenansicht v17 DESKTOP-BILD 130
654 *
655 * FluentSnippets:
656 * - Typ: CSS
657 * - Ausführung: Frontend / websiteweit
658 *
659 * WICHTIG:
660 * - ausschließlich aktive WPEM-Listenansicht
661 * - Card/Grid, Kalender und Single Event bleiben unverändert
662 * - Handy hochkant behält das originale WPEM-Layout
663 *
664 * DOM-Grundlage:
665 * .wpem-event-listings.wpem-event-listing-list-view
666 *   > .wpem-event-box-col
667 *     .event_listing
668 *       > a.wpem-event-action-url
669 *       > .agb-list-layout-v2
670 */
671
672/* Eigene Struktur außerhalb der aktiven Listenansicht immer verbergen. */
673.agb-list-layout-v2 {
674    display: none !important;
675}
676
677/* =========================================================
678   1. Aktive Listenansicht – alle Geräte außer Handy hochkant
679   ========================================================= */
680
681@media (min-width: 768px), (orientation: landscape) {
682
683    html body
684    .wpem-event-listings.wpem-event-listing-list-view
685    .wpem-event-box-col {
686        display: block !important;
687        float: none !important;
688        clear: both !important;
689
690        flex: 0 0 100% !important;
691        width: 100% !important;
692        max-width: 100% !important;
693        min-width: 0 !important;
694
695        margin: 0 !important;
696        box-sizing: border-box !important;
697    }
698
699    html body
700    .wpem-event-listings.wpem-event-listing-list-view
701    .wpem-event-layout-wrapper.agb-event-listing-card-rounded,
702    html body
703    .wpem-event-listings.wpem-event-listing-list-view
704    .event_listing {
705        display: block !important;
706        position: relative !important;
707        float: none !important;
708
709        width: 100% !important;
710        max-width: 100% !important;
711        min-width: 0 !important;
712        height: auto !important;
713        min-height: 0 !important;
714
715        margin: 0 !important;
716        padding: 0 !important;
717        box-sizing: border-box !important;
718    }
719
720    /*
721     * Das originale WPEM-Layout wird in der Listenansicht ersetzt.
722     * Es bleibt in Card/Grid und Kalender vollständig vorhanden.
723     */
724    html body
725    .wpem-event-listings.wpem-event-listing-list-view
726    .event_listing
727    > a.wpem-event-action-url.agb-has-custom-list-layout {
728        display: none !important;
729    }
730
731    html body
732    .wpem-event-listings.wpem-event-listing-list-view
733    .event_listing
734    > .agb-list-layout-v2 {
735        display: grid !important;
736        grid-template-columns:
737            116px
738            58px
739            minmax(210px, 0.82fr)
740            minmax(245px, 0.95fr)
741            minmax(280px, 1.15fr);
742        column-gap: 17px !important;
743        align-items: start !important;
744
745        position: relative !important;
746        float: none !important;
747        clear: both !important;
748
749        width: 100% !important;
750        max-width: 100% !important;
751        min-width: 0 !important;
752        height: auto !important;
753        min-height: 0 !important;
754
755        margin: 0 !important;
756        padding: 27px 25px 28px 20px !important;
757
758        color: #46545b !important;
759        box-sizing: border-box !important;
760        overflow: hidden !important;
761    }
762
763    /* Vollflächen-Link der neuen Listenzeile */
764    html body
765    .wpem-event-listings.wpem-event-listing-list-view
766    .agb-list-v2-overlay-link {
767        display: block !important;
768        position: absolute !important;
769        inset: 0 !important;
770
771        width: 100% !important;
772        height: 100% !important;
773
774        margin: 0 !important;
775        padding: 0 !important;
776
777        border: 0 !important;
778        background: transparent !important;
779        text-decoration: none !important;
780
781        z-index: 1 !important;
782    }
783
784    html body
785    .wpem-event-listings.wpem-event-listing-list-view
786    .agb-list-layout-v2
787    > :not(.agb-list-v2-overlay-link) {
788        position: relative !important;
789        float: none !important;
790        clear: none !important;
791
792        width: auto !important;
793        max-width: none !important;
794        min-width: 0 !important;
795        height: auto !important;
796        min-height: 0 !important;
797
798        margin-left: 0 !important;
799        margin-right: 0 !important;
800        box-sizing: border-box !important;
801
802        pointer-events: none !important;
803        z-index: 2 !important;
804    }
805
806    /* Dezentes Hover nur für die neue Listenzeile */
807    html body
808    .wpem-event-listings.wpem-event-listing-list-view
809    .agb-list-layout-v2:hover {
810        background: rgba(247, 249, 249, 0.58) !important;
811    }
812
813    /* =====================================================
814       2. Bild + kleine Kostenfrei-Pille
815       ===================================================== */
816
817    html body
818    .wpem-event-listings.wpem-event-listing-list-view
819    .agb-list-v2-image-column {
820        grid-column: 1 !important;
821
822        display: flex !important;
823        flex-direction: column !important;
824        align-items: center !important;
825    }
826
827    html body
828    .wpem-event-listings.wpem-event-listing-list-view
829    .agb-list-v2-image {
830        display: block !important;
831
832        width: 106px !important;
833        min-width: 106px !important;
834        height: 106px !important;
835
836        border-radius: 3px !important;
837
838        background-position: center !important;
839        background-repeat: no-repeat !important;
840        background-size: cover !important;
841    }
842
843    html body
844    .wpem-event-listings.wpem-event-listing-list-view
845    .agb-list-v2-free-badge {
846        display: inline-flex !important;
847        align-items: center !important;
848        justify-content: center !important;
849
850        width: auto !important;
851        min-width: 0 !important;
852        min-height: 0 !important;
853
854        margin: 7px 0 0 0 !important;
855        padding: 3px 7px !important;
856
857        border: 0 !important;
858        border-radius: 10px !important;
859
860        background: #ffffff !important;
861        color: #666666 !important;
862
863        font-size: 9px !important;
864        line-height: 1.15 !important;
865        font-weight: 700 !important;
866        letter-spacing: 0.01em !important;
867        white-space: nowrap !important;
868
869        box-shadow:
870            0 0 6px 1px rgba(92, 101, 105, 0.24) !important;
871    }
872
873    /* =====================================================
874       3. Große Datumsspalte
875       ===================================================== */
876
877    html body
878    .wpem-event-listings.wpem-event-listing-list-view
879    .agb-list-v2-date-column {
880        grid-column: 2 !important;
881
882        text-align: center !important;
883        color: #5c5f61 !important;
884    }
885
886    html body
887    .wpem-event-listings.wpem-event-listing-list-view
888    .agb-list-v2-date-day {
889        margin: -2px 0 0 0 !important;
890
891        font-size: 32px !important;
892        line-height: 0.98 !important;
893        font-weight: 700 !important;
894    }
895
896    html body
897    .wpem-event-listings.wpem-event-listing-list-view
898    .agb-list-v2-date-month {
899        margin: 5px 0 0 0 !important;
900
901        font-size: 12px !important;
902        line-height: 1 !important;
903        font-weight: 500 !important;
904        text-transform: uppercase !important;
905    }
906
907    /* =====================================================
908       4. Titel, Datum/Uhrzeit, Ort und Zielgruppen-Badge
909       ===================================================== */
910
911    html body
912    .wpem-event-listings.wpem-event-listing-list-view
913    .agb-list-v2-main-column {
914        grid-column: 3 !important;
915        padding-top: 2px !important;
916    }
917
918    html body
919    .wpem-event-listings.wpem-event-listing-list-view
920    .agb-list-v2-title {
921        margin: 0 0 11px 0 !important;
922        padding: 0 !important;
923
924        color: #111111 !important;
925
926        font-size: 20px !important;
927        line-height: 1.23 !important;
928        font-weight: 700 !important;
929
930        overflow-wrap: break-word !important;
931        word-break: normal !important;
932        hyphens: none !important;
933    }
934
935    html body
936    .wpem-event-listings.wpem-event-listing-list-view
937    .agb-list-v2-date-time,
938    html body
939    .wpem-event-listings.wpem-event-listing-list-view
940    .agb-list-v2-location {
941        display: block !important;
942        position: static !important;
943        float: none !important;
944
945        width: 100% !important;
946        max-width: none !important;
947        min-width: 0 !important;
948
949        margin: 0 !important;
950        padding: 0 !important;
951
952        color: #5a5f62 !important;
953
954        font-size: 14px !important;
955        line-height: 1.4 !important;
956        white-space: normal !important;
957    }
958
959    html body
960    .wpem-event-listings.wpem-event-listing-list-view
961    .agb-list-v2-date-time {
962        margin-bottom: 5px !important;
963    }
964
965    html body
966    .wpem-event-listings.wpem-event-listing-list-view
967    .agb-list-v2-location {
968        margin-bottom: 11px !important;
969    }
970
971    html body
972    .wpem-event-listings.wpem-event-listing-list-view
973    .agb-list-v2-event-type {
974        display: inline-block !important;
975
976        width: auto !important;
977        max-width: 100% !important;
978        min-width: 0 !important;
979
980        margin: 0 !important;
981        padding: 4px 8px !important;
982
983        border: 0 !important;
984        border-radius: 3px !important;
985
986        background: #eeeeee !important;
987        color: #444444 !important;
988
989        font-size: 13px !important;
990        line-height: 1.1 !important;
991        white-space: normal !important;
992    }
993
994    /* =====================================================
995       5. Kurzbeschreibung
996       ===================================================== */
997
998    html body
999    .wpem-event-listings.wpem-event-listing-list-view
1000    .agb-list-v2-short-column {
1001        grid-column: 4 !important;
1002
1003        padding: 2px 0 0 3px !important;
1004
1005        color: #46545b !important;
1006
1007        font-size: 13.5px !important;
1008        line-height: 1.48 !important;
1009
1010        overflow-wrap: break-word !important;
1011        word-break: normal !important;
1012        hyphens: auto !important;
1013    }
1014
1015    /* =====================================================
1016       6. Info-Spalte
1017       ===================================================== */
1018
1019    html body
1020    .wpem-event-listings.wpem-event-listing-list-view
1021    .agb-list-v2-info-column {
1022        grid-column: 5 !important;
1023
1024        padding: 1px 0 0 17px !important;
1025        border-left: 1px solid #e4e9e9 !important;
1026
1027        color: #46545b !important;
1028
1029        font-size: 13.5px !important;
1030        line-height: 1.46 !important;
1031    }
1032
1033    html body
1034    .wpem-event-listings.wpem-event-listing-list-view
1035    .agb-list-v2-info-title {
1036        margin: 0 0 8px 0 !important;
1037
1038        color: #25383f !important;
1039
1040        font-size: 16px !important;
1041        line-height: 1.2 !important;
1042        font-weight: 750 !important;
1043    }
1044
1045    html body
1046    .wpem-event-listings.wpem-event-listing-list-view
1047    .agb-list-v2-info-text,
1048    html body
1049    .wpem-event-listings.wpem-event-listing-list-view
1050    .agb-list-v2-info-text p {
1051        margin-top: 0 !important;
1052    }
1053
1054    html body
1055    .wpem-event-listings.wpem-event-listing-list-view
1056    .agb-list-v2-info-text p:last-child {
1057        margin-bottom: 0 !important;
1058    }
1059
1060    html body
1061    .wpem-event-listings.wpem-event-list-list-view
1062    .agb-list-v2-age-info,
1063    html body
1064    .wpem-event-listings.wpem-event-listing-list-view
1065    .agb-list-v2-age-info {
1066        width: 100% !important;
1067
1068        margin: 11px 0 0 0 !important;
1069        padding: 10px 11px !important;
1070
1071        border-left: 4px solid #3eb7ab !important;
1072        border-radius: 9px !important;
1073
1074        background: #f5fbfa !important;
1075        color: #40515a !important;
1076
1077        font-size: 13px !important;
1078        line-height: 1.43 !important;
1079
1080        box-sizing: border-box !important;
1081    }
1082
1083    html body
1084    .wpem-event-listings.wpem-event-listing-list-view
1085    .agb-list-v2-age-info p {
1086        margin: 0 !important;
1087    }
1088
1089    /* Fehlende optionale Inhalte nutzen die freie Breite. */
1090    html body
1091    .wpem-event-listings.wpem-event-listing-list-view
1092    .agb-list-layout-v2.agb-list-no-info
1093    .agb-list-v2-short-column {
1094        grid-column: 4 / 6 !important;
1095    }
1096
1097    html body
1098    .wpem-event-listings.wpem-event-listing-list-view
1099    .agb-list-layout-v2.agb-list-no-short.agb-list-has-info
1100    .agb-list-v2-info-column {
1101        grid-column: 4 / 6 !important;
1102    }
1103
1104    html body
1105    .wpem-event-listings.wpem-event-listing-list-view
1106    .agb-list-layout-v2.agb-list-no-short.agb-list-no-info
1107    .agb-list-v2-main-column {
1108        grid-column: 3 / 6 !important;
1109    }
1110}
1111
1112/* =========================================================
1113   7. Handy Landscape
1114   Kurzbeschreibung sichtbar, Info ausgeblendet
1115   ========================================================= */
1116
1117@media (max-width: 767px) and (orientation: landscape) {
1118
1119    html body
1120    .wpem-event-listings.wpem-event-listing-list-view
1121    .event_listing
1122    > .agb-list-layout-v2 {
1123        grid-template-columns:
1124            90px
1125            48px
1126            minmax(160px, 0.88fr)
1127            minmax(190px, 1.12fr) !important;
1128
1129        column-gap: 9px !important;
1130        padding: 20px 13px 22px 11px !important;
1131    }
1132
1133    html body
1134    .wpem-event-listings.wpem-event-listing-list-view
1135    .agb-list-v2-image {
1136        width: 84px !important;
1137        min-width: 84px !important;
1138        height: 84px !important;
1139    }
1140
1141    html body
1142    .wpem-event-listings.wpem-event-listing-list-view
1143    .agb-list-v2-title {
1144        font-size: 17px !important;
1145    }
1146
1147    html body
1148    .wpem-event-listings.wpem-event-listing-list-view
1149    .agb-list-v2-date-time,
1150    html body
1151    .wpem-event-listings.wpem-event-listing-list-view
1152    .agb-list-v2-location,
1153    html body
1154    .wpem-event-listings.wpem-event-listing-list-view
1155    .agb-list-v2-short-column {
1156        font-size: 12.5px !important;
1157    }
1158
1159    html body
1160    .wpem-event-listings.wpem-event-listing-list-view
1161    .agb-list-v2-info-column {
1162        display: none !important;
1163    }
1164
1165    html body
1166    .wpem-event-listings.wpem-event-listing-list-view
1167    .agb-list-layout-v2.agb-list-no-short
1168    .agb-list-v2-main-column {
1169        grid-column: 3 / 5 !important;
1170    }
1171}
1172
1173/* =========================================================
1174   8. Tablet hochkant
1175   Kurzbeschreibung sichtbar, Info ausgeblendet
1176   ========================================================= */
1177
1178@media (min-width: 768px) and (max-width: 1024px)
1179       and (orientation: portrait) {
1180
1181    html body
1182    .wpem-event-listings.wpem-event-listing-list-view
1183    .event_listing
1184    > .agb-list-layout-v2 {
1185        grid-template-columns:
1186            104px
1187            54px
1188            minmax(185px, 0.86fr)
1189            minmax(220px, 1.14fr) !important;
1190
1191        column-gap: 12px !important;
1192        padding: 24px 17px 25px 16px !important;
1193    }
1194
1195    html body
1196    .wpem-event-listings.wpem-event-listing-list-view
1197    .agb-list-v2-image {
1198        width: 98px !important;
1199        min-width: 98px !important;
1200        height: 98px !important;
1201    }
1202
1203    html body
1204    .wpem-event-listings.wpem-event-listing-list-view
1205    .agb-list-v2-info-column {
1206        display: none !important;
1207    }
1208
1209    html body
1210    .wpem-event-listings.wpem-event-listing-list-view
1211    .agb-list-layout-v2.agb-list-no-short
1212    .agb-list-v2-main-column {
1213        grid-column: 3 / 5 !important;
1214    }
1215}
1216
1217/* =========================================================
1218   9. Tablet Landscape
1219   Info sichtbar
1220   ========================================================= */
1221
1222@media (min-width: 768px) and (min-height: 600px)
1223       and (max-width: 1366px) and (orientation: landscape)
1224       and (hover: none),
1225       (min-width: 768px) and (min-height: 600px)
1226       and (max-width: 1366px) and (orientation: landscape)
1227       and (pointer: coarse),
1228       (min-width: 768px) and (min-height: 600px)
1229       and (max-width: 1366px) and (orientation: landscape)
1230       and (any-pointer: coarse) {
1231
1232    html body
1233    .wpem-event-listings.wpem-event-listing-list-view
1234    .event_listing
1235    > .agb-list-layout-v2 {
1236        grid-template-columns:
1237            100px
1238            52px
1239            minmax(175px, 0.80fr)
1240            minmax(190px, 0.92fr)
1241            minmax(225px, 1.10fr) !important;
1242
1243        column-gap: 11px !important;
1244        padding: 23px 17px 25px 15px !important;
1245    }
1246
1247    html body
1248    .wpem-event-listings.wpem-event-listing-list-view
1249    .agb-list-v2-image {
1250        width: 94px !important;
1251        min-width: 94px !important;
1252        height: 94px !important;
1253    }
1254
1255    html body
1256    .wpem-event-listings.wpem-event-listing-list-view
1257    .agb-list-v2-title {
1258        font-size: 18px !important;
1259    }
1260
1261    html body
1262    .wpem-event-listings.wpem-event-listing-list-view
1263    .agb-list-v2-short-column,
1264    html body
1265    .wpem-event-listings.wpem-event-listing-list-view
1266    .agb-list-v2-info-column {
1267        font-size: 12.5px !important;
1268    }
1269}
1270
1271/* =========================================================
1272   10. Handy hochkant
1273   Originales WPEM-Layout bleibt bestehen.
1274   Nur Kostenfrei kleiner und unter das Bild.
1275   ========================================================= */
1276
1277@media (max-width: 767px) and (orientation: portrait) {
1278
1279    html body
1280    .wpem-event-listings.wpem-event-listing-list-view
1281    .event_listing
1282    > .agb-list-layout-v2 {
1283        display: none !important;
1284    }
1285
1286    html body
1287    .wpem-event-listings.wpem-event-listing-list-view
1288    .event_listing
1289    > a.wpem-event-action-url.agb-has-custom-list-layout {
1290        display: block !important;
1291    }
1292
1293    html body
1294    .wpem-event-listings.wpem-event-listing-list-view
1295    .wpem-event-banner,
1296    html body
1297    .wpem-event-listings.wpem-event-listing-list-view
1298    .wpem-event-banner-img {
1299        overflow: visible !important;
1300    }
1301
1302    html body
1303    .wpem-event-listings.wpem-event-listing-list-view
1304    .wpem-event-banner-img {
1305        position: relative !important;
1306    }
1307
1308    html body
1309    .wpem-event-listings.wpem-event-listing-list-view
1310    .agb-event-free-badge--card {
1311        position: absolute !important;
1312
1313        top: calc(100% + 6px) !important;
1314        right: auto !important;
1315        bottom: auto !important;
1316        left: 50% !important;
1317
1318        width: auto !important;
1319        min-width: 0 !important;
1320        min-height: 0 !important;
1321        height: auto !important;
1322
1323        margin: 0 !important;
1324        padding: 3px 7px !important;
1325
1326        border: 0 !important;
1327        border-radius: 10px !important;
1328
1329        background: #ffffff !important;
1330        color: #666666 !important;
1331
1332        font-size: 9px !important;
1333        line-height: 1.15 !important;
1334        font-weight: 700 !important;
1335        white-space: nowrap !important;
1336
1337        box-shadow:
1338            0 0 6px 1px rgba(92, 101, 105, 0.24) !important;
1339
1340        transform: translateX(-50%) !important;
1341        z-index: 25 !important;
1342    }
1343}
1344
1345/* =========================================================
1346   AGB – v7 ALTE AUSGABE FIX
1347   Alte WPEM-Bild-/Infoausgabe unabhängig von ihrer Verschachtelung
1348   entfernen
1349   ========================================================= */
1350
1351/*
1352 * Der Browser/WPEM lässt die ursprünglichen Blöcke je nach gerendertem
1353 * HTML nicht zwingend als direkte Kinder des markierten Event-Links stehen.
1354 * Deshalb werden die beiden originalen WPEM-Ausgabeblöcke jetzt innerhalb
1355 * des jeweiligen .event_listing unabhängig von ihrer Verschachtelung
1356 * ausgeblendet.
1357 *
1358 * Die neue AGB-Struktur verwendet diese Klassen nicht und bleibt sichtbar.
1359 * Handy hochkant ist bewusst ausgenommen.
1360 */
1361@media (min-width: 768px), (orientation: landscape) {
1362
1363    html body
1364    .wpem-event-listings.wpem-event-listing-list-view
1365    .event_listing
1366    .wpem-event-banner,
1367
1368    html body
1369    .wpem-event-listings.wpem-event-listing-list-view
1370    .event_listing
1371    .wpem-event-infomation {
1372        display: none !important;
1373        visibility: hidden !important;
1374
1375        width: 0 !important;
1376        max-width: 0 !important;
1377        min-width: 0 !important;
1378        height: 0 !important;
1379        max-height: 0 !important;
1380        min-height: 0 !important;
1381
1382        margin: 0 !important;
1383        padding: 0 !important;
1384
1385        overflow: hidden !important;
1386        pointer-events: none !important;
1387    }
1388
1389    /*
1390     * Falls der ursprüngliche WPEM-Link nach dem Ausblenden seiner Inhalte
1391     * als leeres Element stehen bleibt, nimmt er ebenfalls keinen Platz ein.
1392     */
1393    html body
1394    .wpem-event-listings.wpem-event-listing-list-view
1395    .event_listing
1396    > a.wpem-event-action-url.agb-has-custom-list-layout {
1397        display: none !important;
1398        width: 0 !important;
1399        height: 0 !important;
1400        margin: 0 !important;
1401        padding: 0 !important;
1402        overflow: hidden !important;
1403    }
1404
1405    /* Die neue, eigene Listenstruktur bleibt ausdrücklich aktiv. */
1406    html body
1407    .wpem-event-listings.wpem-event-listing-list-view
1408    .event_listing
1409    > .agb-list-layout-v2 {
1410        display: grid !important;
1411        visibility: visible !important;
1412        width: 100% !important;
1413        max-width: 100% !important;
1414        height: auto !important;
1415        max-height: none !important;
1416        overflow: hidden !important;
1417    }
1418}
1419
1420/* =========================================================
1421   AGB – v8 DESIGN
1422   - mehr Innenabstand
1423   - Bildradius + Veranstaltungsart-Akzent
1424   - Kostenfrei größer und linksbündig
1425   - Datum feinjustiert
1426   - eigene Icons für Datum, Uhrzeit und Ort
1427   ========================================================= */
1428
1429/* ---------- Mehr Padding der gesamten Zeile ---------- */
1430
1431@media (min-width: 1367px),
1432       (min-width: 1025px) and (hover: hover) and (pointer: fine) {
1433    html body
1434    .wpem-event-listings.wpem-event-listing-list-view
1435    .event_listing
1436    > .agb-list-layout-v2 {
1437        padding: 34px 32px 35px 45px !important;
1438    }
1439}
1440
1441@media (min-width: 768px) and (max-width: 1024px)
1442       and (orientation: portrait) {
1443    html body
1444    .wpem-event-listings.wpem-event-listing-list-view
1445    .event_listing
1446    > .agb-list-layout-v2 {
1447        padding: 29px 22px 31px 35px !important;
1448    }
1449}
1450
1451@media (min-width: 768px) and (min-height: 600px)
1452       and (max-width: 1366px) and (orientation: landscape) {
1453    html body
1454    .wpem-event-listings.wpem-event-listing-list-view
1455    .event_listing
1456    > .agb-list-layout-v2 {
1457        padding: 28px 22px 30px 35px !important;
1458    }
1459}
1460
1461@media (max-width: 767px) and (orientation: landscape) {
1462    html body
1463    .wpem-event-listings.wpem-event-listing-list-view
1464    .event_listing
1465    > .agb-list-layout-v2 {
1466        padding: 23px 16px 25px 26px !important;
1467    }
1468}
1469
1470/* ---------- Bild: Radius und farbige Akzentkante ---------- */
1471
1472html body
1473.wpem-event-listings.wpem-event-listing-list-view
1474.agb-list-v2-image {
1475    position: relative !important;
1476    overflow: hidden !important;
1477
1478    border-radius: 8px !important;
1479}
1480
1481html body
1482.wpem-event-listings.wpem-event-listing-list-view
1483.agb-list-v2-image::before {
1484    content: "" !important;
1485
1486    position: absolute !important;
1487    top: 0 !important;
1488    right: 0 !important;
1489    left: 0 !important;
1490
1491    display: block !important;
1492    width: 100% !important;
1493    height: 13px !important;
1494
1495    border-top:
1496        5px solid
1497        var(--agb-list-accent-color, #e8e8e8) !important;
1498    border-radius: 8px 8px 0 0 !important;
1499
1500    box-sizing: border-box !important;
1501    pointer-events: none !important;
1502    z-index: 3 !important;
1503}
1504
1505/* ---------- Kostenfrei: größer und am Bild linksbündig ---------- */
1506
1507html body
1508.wpem-event-listings.wpem-event-listing-list-view
1509.agb-list-v2-image-column {
1510    align-items: flex-start !important;
1511}
1512
1513html body
1514.wpem-event-listings.wpem-event-listing-list-view
1515.agb-list-v2-free-badge {
1516    margin-top: 8px !important;
1517    padding: 4px 9px !important;
1518
1519    border-radius: 11px !important;
1520
1521    font-size: 11px !important;
1522    line-height: 1.15 !important;
1523
1524    box-shadow:
1525        0 0 7px 1px rgba(92, 101, 105, 0.26) !important;
1526}
1527
1528/* ---------- Großes Datum: Tag kleiner, Monat größer ---------- */
1529
1530html body
1531.wpem-event-listings.wpem-event-listing-list-view
1532.agb-list-v2-date-day {
1533    font-size: 29px !important;
1534    line-height: 1 !important;
1535}
1536
1537html body
1538.wpem-event-listings.wpem-event-listing-list-view
1539.agb-list-v2-date-month {
1540    margin-top: 4px !important;
1541
1542    font-size: 13px !important;
1543    line-height: 1.05 !important;
1544    font-weight: 550 !important;
1545}
1546
1547/* ---------- Datum, Uhrzeit und Ort mit eigenen Icons ---------- */
1548
1549html body
1550.wpem-event-listings.wpem-event-listing-list-view
1551.agb-list-v2-meta-line {
1552    display: grid !important;
1553    grid-template-columns: 18px minmax(0, 1fr) !important;
1554    column-gap: 7px !important;
1555    align-items: start !important;
1556
1557    width: 100% !important;
1558    margin: 0 0 6px 0 !important;
1559    padding: 0 !important;
1560
1561    color: #5a5f62 !important;
1562
1563    font-size: 14px !important;
1564    line-height: 1.4 !important;
1565}
1566
1567html body
1568.wpem-event-listings.wpem-event-listing-list-view
1569.agb-list-v2-meta-line.agb-list-v2-location {
1570    margin-bottom: 12px !important;
1571}
1572
1573html body
1574.wpem-event-listings.wpem-event-listing-list-view
1575.agb-list-v2-meta-icon {
1576    display: inline-flex !important;
1577    align-items: center !important;
1578    justify-content: center !important;
1579
1580    width: 18px !important;
1581    height: 18px !important;
1582
1583    margin-top: 1px !important;
1584
1585    color: #5b6062 !important;
1586}
1587
1588html body
1589.wpem-event-listings.wpem-event-listing-list-view
1590.agb-list-v2-meta-icon svg {
1591    display: block !important;
1592
1593    width: 17px !important;
1594    height: 17px !important;
1595
1596    fill: none !important;
1597    stroke: currentColor !important;
1598    stroke-width: 1.9 !important;
1599    stroke-linecap: round !important;
1600    stroke-linejoin: round !important;
1601}
1602
1603html body
1604.wpem-event-listings.wpem-event-listing-list-view
1605.agb-list-v2-meta-text {
1606    display: block !important;
1607    min-width: 0 !important;
1608}
1609
1610/* Vorherige Einzelabstände der alten kombinierten Zeilen neutralisieren. */
1611html body
1612.wpem-event-listings.wpem-event-listing-list-view
1613.agb-list-v2-date-time,
1614html body
1615.wpem-event-listings.wpem-event-listing-list-view
1616.agb-list-v2-location {
1617    margin-bottom: 6px !important;
1618}
1619
1620html body
1621.wpem-event-listings.wpem-event-listing-list-view
1622.agb-list-v2-location {
1623    margin-bottom: 12px !important;
1624}
1625
1626/* Handy Landscape und Tablet: Icons/Text proportional etwas kleiner. */
1627@media (max-width: 767px) and (orientation: landscape) {
1628    html body
1629    .wpem-event-listings.wpem-event-listing-list-view
1630    .agb-list-v2-meta-line {
1631        grid-template-columns: 16px minmax(0, 1fr) !important;
1632        column-gap: 6px !important;
1633        font-size: 12.5px !important;
1634    }
1635
1636    html body
1637    .wpem-event-listings.wpem-event-listing-list-view
1638    .agb-list-v2-meta-icon,
1639    html body
1640    .wpem-event-listings.wpem-event-listing-list-view
1641    .agb-list-v2-meta-icon svg {
1642        width: 15px !important;
1643        height: 15px !important;
1644    }
1645}
1646
1647@media (min-width: 768px) and (max-width: 1366px) {
1648    html body
1649    .wpem-event-listings.wpem-event-listing-list-view
1650    .agb-list-v2-meta-line {
1651        grid-template-columns: 17px minmax(0, 1fr) !important;
1652        column-gap: 6px !important;
1653        font-size: 13px !important;
1654    }
1655
1656    html body
1657    .wpem-event-listings.wpem-event-listing-list-view
1658    .agb-list-v2-meta-icon,
1659    html body
1660    .wpem-event-listings.wpem-event-listing-list-view
1661    .agb-list-v2-meta-icon svg {
1662        width: 16px !important;
1663        height: 16px !important;
1664    }
1665}
1666
1667/* ---------- Handy hochkant: ebenfalls nur Listenansicht ---------- */
1668
1669@media (max-width: 767px) and (orientation: portrait) {
1670    html body
1671    .wpem-event-listings.wpem-event-listing-list-view
1672    .wpem-event-banner-img {
1673        border-radius: 8px !important;
1674    }
1675
1676    html body
1677    .wpem-event-listings.wpem-event-listing-list-view
1678    .agb-event-free-badge--card {
1679        left: 0 !important;
1680        padding: 4px 9px !important;
1681
1682        font-size: 10px !important;
1683
1684        transform: none !important;
1685    }
1686}
1687
1688/* =========================================================
1689   AGB – v9 PROGRAMM-AUTOMATIK
1690   ========================================================= */
1691
1692/* Einheitliche Überschriften für „Das Angebot", „Info" und „Programm". */
1693html body
1694.wpem-event-listings.wpem-event-listing-list-view
1695.agb-list-v2-column-title {
1696    margin: 0 0 8px 0 !important;
1697
1698    color: #25383f !important;
1699
1700    font-size: 16px !important;
1701    line-height: 1.2 !important;
1702    font-weight: 750 !important;
1703}
1704
1705/* Die bestehende Info-Überschrift optisch identisch halten. */
1706html body
1707.wpem-event-listings.wpem-event-listing-list-view
1708.agb-list-v2-info-title {
1709    margin: 0 0 8px 0 !important;
1710
1711    color: #25383f !important;
1712
1713    font-size: 16px !important;
1714    line-height: 1.2 !important;
1715    font-weight: 750 !important;
1716}
1717
1718/* Programmaufbau */
1719html body
1720.wpem-event-listings.wpem-event-listing-list-view
1721.agb-list-v2-program-list {
1722    display: flex !important;
1723    flex-direction: column !important;
1724    gap: 10px !important;
1725}
1726
1727html body
1728.wpem-event-listings.wpem-event-listing-list-view
1729.agb-list-v2-program-item {
1730    display: block !important;
1731    min-width: 0 !important;
1732}
1733
1734html body
1735.wpem-event-listings.wpem-event-listing-list-view
1736.agb-list-v2-program-title {
1737    color: #2f3f46 !important;
1738
1739    font-size: 13.5px !important;
1740    line-height: 1.35 !important;
1741    font-weight: 700 !important;
1742}
1743
1744html body
1745.wpem-event-listings.wpem-event-listing-list-view
1746.agb-list-v2-program-artists {
1747    margin-top: 2px !important;
1748
1749    color: #5a686e !important;
1750
1751    font-size: 12.75px !important;
1752    line-height: 1.4 !important;
1753    font-weight: 400 !important;
1754}
1755
1756/*
1757 * Standard:
1758 * - Kurzbeschreibung zeigt „Das Angebot"
1759 * - rechte Spalte zeigt weiterhin „Info"
1760 * - beide Programmkopien sind zunächst unsichtbar
1761 */
1762html body
1763.wpem-event-listings.wpem-event-listing-list-view
1764.agb-list-v2-program-content--responsive,
1765html body
1766.wpem-event-listings.wpem-event-listing-list-view
1767.agb-list-v2-program-content--desktop {
1768    display: none !important;
1769}
1770
1771/* =========================================================
1772   Desktop:
1773   Bei vorhandenem Programm ersetzt „Programm" die rechte Info-Spalte.
1774   „Das Angebot" bleibt in der mittleren Zusatzspalte bestehen.
1775   ========================================================= */
1776
1777@media (min-width: 1367px),
1778       (min-width: 1025px) and (hover: hover) and (pointer: fine) {
1779
1780    html body
1781    .wpem-event-listings.wpem-event-listing-list-view
1782    .agb-list-layout-v2.agb-list-has-program
1783    .agb-list-v2-info-content {
1784        display: none !important;
1785    }
1786
1787    html body
1788    .wpem-event-listings.wpem-event-listing-list-view
1789    .agb-list-layout-v2.agb-list-has-program
1790    .agb-list-v2-program-content--desktop {
1791        display: block !important;
1792    }
1793
1794    /*
1795     * Sonderfall: Programm vorhanden, aber keine Kurzbeschreibung.
1796     * Dann nutzt die Programmspalte die komplette rechte Breite.
1797     */
1798    html body
1799    .wpem-event-listings.wpem-event-listing-list-view
1800    .agb-list-layout-v2.agb-list-has-program.agb-list-no-offer
1801    .agb-list-v2-short-column {
1802        display: none !important;
1803    }
1804
1805    html body
1806    .wpem-event-listings.wpem-event-listing-list-view
1807    .agb-list-layout-v2.agb-list-has-program.agb-list-no-offer
1808    .agb-list-v2-info-column {
1809        grid-column: 4 / 6 !important;
1810    }
1811}
1812
1813/* =========================================================
1814   Tablet hochkant und quer sowie Handy Landscape:
1815   Bei vorhandenem Programm ersetzt „Programm" die Kurzbeschreibung
1816   beziehungsweise „Das Angebot".
1817   ========================================================= */
1818
1819@media (max-width: 1366px) and (min-width: 768px),
1820       (max-width: 767px) and (orientation: landscape) {
1821
1822    html body
1823    .wpem-event-listings.wpem-event-listing-list-view
1824    .agb-list-layout-v2.agb-list-has-program
1825    .agb-list-v2-offer-content {
1826        display: none !important;
1827    }
1828
1829    html body
1830    .wpem-event-listings.wpem-event-listing-list-view
1831    .agb-list-layout-v2.agb-list-has-program
1832    .agb-list-v2-program-content--responsive {
1833        display: block !important;
1834    }
1835}
1836
1837/*
1838 * Tablet Landscape behält – wie bisher – zusätzlich seine rechte
1839 * Info-Spalte. Nur die mittlere Spalte wechselt von „Das Angebot"
1840 * auf „Programm".
1841 *
1842 * Tablet Portrait und Handy Landscape blenden die rechte Info-Spalte
1843 * weiterhin durch die bereits vorhandenen Regeln aus.
1844 */
1845
1846/* Tablet/Handy: Programmtypografie proportional etwas kompakter. */
1847@media (max-width: 1366px) {
1848
1849    html body
1850    .wpem-event-listings.wpem-event-listing-list-view
1851    .agb-list-v2-program-title {
1852        font-size: 12.75px !important;
1853    }
1854
1855    html body
1856    .wpem-event-listings.wpem-event-listing-list-view
1857    .agb-list-v2-program-artists {
1858        font-size: 12px !important;
1859    }
1860
1861    html body
1862    .wpem-event-listings.wpem-event-listing-list-view
1863    .agb-list-v2-program-list {
1864        gap: 8px !important;
1865    }
1866}
1867
1868/* =========================================================
1869   AGB – v10 PROGRAMM TABLET
1870   Korrekte Programmlogik für Tablet
1871   ========================================================= */
1872
1873/*
1874 * TABLET LANDSCAPE
1875 *
1876 * Ohne Programm:
1877 * - links/mittig: Das Angebot
1878 * - rechts: Info
1879 *
1880 * Mit Programm:
1881 * - links/mittig: Das Angebot
1882 * - rechts: Programm
1883 */
1884@media (min-width: 768px) and (max-width: 1366px)
1885       and (orientation: landscape) {
1886
1887    /* Das Angebot bleibt im Querformat immer sichtbar. */
1888    html body
1889    .wpem-event-listings.wpem-event-listing-list-view
1890    .agb-list-layout-v2.agb-list-has-program
1891    .agb-list-v2-offer-content {
1892        display: block !important;
1893    }
1894
1895    /* Responsive Programmkopie in der mittleren Spalte ausblenden. */
1896    html body
1897    .wpem-event-listings.wpem-event-listing-list-view
1898    .agb-list-layout-v2.agb-list-has-program
1899    .agb-list-v2-program-content--responsive {
1900        display: none !important;
1901    }
1902
1903    /* Bei Programm ersetzt rechts Programm die Info-Ausgabe. */
1904    html body
1905    .wpem-event-listings.wpem-event-listing-list-view
1906    .agb-list-layout-v2.agb-list-has-program
1907    .agb-list-v2-info-content {
1908        display: none !important;
1909    }
1910
1911    html body
1912    .wpem-event-listings.wpem-event-listing-list-view
1913    .agb-list-layout-v2.agb-list-has-program
1914    .agb-list-v2-program-content--desktop {
1915        display: block !important;
1916    }
1917}
1918
1919/*
1920 * TABLET PORTRAIT
1921 *
1922 * Ohne Programm:
1923 * - Das Angebot
1924 *
1925 * Mit Programm:
1926 * - Programm statt Das Angebot
1927 *
1928 * Die rechte Info-Spalte bleibt wie bisher ausgeblendet.
1929 */
1930@media (min-width: 768px) and (max-width: 1024px)
1931       and (orientation: portrait) {
1932
1933    html body
1934    .wpem-event-listings.wpem-event-listing-list-view
1935    .agb-list-layout-v2.agb-list-has-program
1936    .agb-list-v2-offer-content {
1937        display: none !important;
1938    }
1939
1940    html body
1941    .wpem-event-listings.wpem-event-listing-list-view
1942    .agb-list-layout-v2.agb-list-has-program
1943    .agb-list-v2-program-content--responsive {
1944        display: block !important;
1945    }
1946
1947    html body
1948    .wpem-event-listings.wpem-event-listing-list-view
1949    .agb-list-v2-info-column {
1950        display: none !important;
1951    }
1952}
1953
1954/* =========================================================
1955   AGB – v11 PROGRAMM EINZELBESCHREIBUNG
1956   Nur bei genau einem Auftritt wird program_description gezeigt.
1957   ========================================================= */
1958
1959html body
1960.wpem-event-listings.wpem-event-listing-list-view
1961.agb-list-v2-program-description {
1962    margin-top: 7px !important;
1963
1964    color: #46545b !important;
1965
1966    font-size: 12.75px !important;
1967    line-height: 1.48 !important;
1968    font-weight: 400 !important;
1969}
1970
1971html body
1972.wpem-event-listings.wpem-event-listing-list-view
1973.agb-list-v2-program-description p {
1974    margin: 0 0 6px 0 !important;
1975}
1976
1977html body
1978.wpem-event-listings.wpem-event-listing-list-view
1979.agb-list-v2-program-description p:last-child {
1980    margin-bottom: 0 !important;
1981}
1982
1983/* Tablet und Handy Landscape etwas kompakter. */
1984@media (max-width: 1366px) {
1985    html body
1986    .wpem-event-listings.wpem-event-listing-list-view
1987    .agb-list-v2-program-description {
1988        margin-top: 6px !important;
1989        font-size: 12px !important;
1990        line-height: 1.45 !important;
1991    }
1992}
1993
1994/* =========================================================
1995   AGB – v12 MODERNE EINZELCARDS TEST
1996
1997   Ziel:
1998   - keine große Tabellenbox
1999   - keine durchgehenden Trennlinien
2000   - jedes Event als eigenständige, luftige Karte
2001   - Info/Programm als weiche Zusatzfläche
2002   - bestehende Inhalte und Programmlogik bleiben unverändert
2003
2004   Handy hochkant bleibt bewusst beim bisherigen Original-Layout.
2005   ========================================================= */
2006
2007@media (min-width: 768px), (orientation: landscape) {
2008
2009    /* -----------------------------------------------------
2010       1. Gesamte Listenfläche
2011       ----------------------------------------------------- */
2012
2013    html body
2014    .wpem-main.wpem-event-listings.wpem-event-listing-list-view {
2015        display: block !important;
2016
2017        width: 100% !important;
2018        max-width: 100% !important;
2019
2020        margin: 0 !important;
2021        padding: 18px !important;
2022
2023        border: 0 !important;
2024        border-radius: 18px !important;
2025
2026        background: #f4f6f6 !important;
2027        box-shadow: none !important;
2028
2029        overflow: visible !important;
2030        box-sizing: border-box !important;
2031    }
2032
2033    /* Jede Veranstaltung erhält Abstand zur nächsten Karte. */
2034    html body
2035    .wpem-event-listings.wpem-event-listing-list-view
2036    .wpem-event-box-col {
2037        margin: 0 0 18px 0 !important;
2038        padding: 0 !important;
2039
2040        border: 0 !important;
2041        background: transparent !important;
2042        box-shadow: none !important;
2043
2044        overflow: visible !important;
2045    }
2046
2047    html body
2048    .wpem-event-listings.wpem-event-listing-list-view
2049    .wpem-event-box-col:last-child {
2050        margin-bottom: 0 !important;
2051    }
2052
2053    /* Alte Tabellen-/Rahmenwirkung vollständig entfernen. */
2054    html body
2055    .wpem-event-listings.wpem-event-listing-list-view
2056    .wpem-event-layout-wrapper.agb-event-listing-card-rounded,
2057    html body
2058    .wpem-event-listings.wpem-event-listing-list-view
2059    .event_listing {
2060        border: 0 !important;
2061        border-radius: 0 !important;
2062
2063        background: transparent !important;
2064        box-shadow: none !important;
2065
2066        overflow: visible !important;
2067    }
2068
2069    /* -----------------------------------------------------
2070       2. Eigentliche Event-Card
2071       ----------------------------------------------------- */
2072
2073    html body
2074    .wpem-event-listings.wpem-event-listing-list-view
2075    .event_listing
2076    > .agb-list-layout-v2 {
2077        border: 1px solid rgba(73, 87, 92, 0.10) !important;
2078        border-radius: 16px !important;
2079
2080        background: #ffffff !important;
2081
2082        box-shadow:
2083            0 4px 15px rgba(41, 54, 59, 0.07),
2084            0 1px 3px rgba(41, 54, 59, 0.04) !important;
2085
2086        overflow: hidden !important;
2087
2088        transition:
2089            transform 180ms ease,
2090            box-shadow 180ms ease,
2091            border-color 180ms ease !important;
2092    }
2093
2094    html body
2095    .wpem-event-listings.wpem-event-listing-list-view
2096    .event_listing
2097    > .agb-list-layout-v2:hover,
2098    html body
2099    .wpem-event-listings.wpem-event-listing-list-view
2100    .event_listing
2101    > .agb-list-layout-v2:focus-within {
2102        transform: translateY(-2px) !important;
2103
2104        border-color: rgba(73, 87, 92, 0.16) !important;
2105        background: #ffffff !important;
2106
2107        box-shadow:
2108            0 9px 24px rgba(41, 54, 59, 0.11),
2109            0 2px 5px rgba(41, 54, 59, 0.05) !important;
2110    }
2111
2112    /* -----------------------------------------------------
2113       3. Bildbereich
2114       ----------------------------------------------------- */
2115
2116    html body
2117    .wpem-event-listings.wpem-event-listing-list-view
2118    .agb-list-v2-image {
2119        border-radius: 11px !important;
2120
2121        box-shadow:
2122            0 5px 13px rgba(38, 51, 56, 0.14) !important;
2123    }
2124
2125    html body
2126    .wpem-event-listings.wpem-event-listing-list-view
2127    .agb-list-v2-image::before {
2128        border-radius: 11px 11px 0 0 !important;
2129    }
2130
2131    html body
2132    .wpem-event-listings.wpem-event-listing-list-view
2133    .agb-list-v2-free-badge {
2134        background: rgba(255, 255, 255, 0.98) !important;
2135
2136        box-shadow:
2137            0 3px 10px rgba(60, 70, 74, 0.15) !important;
2138    }
2139
2140    /* -----------------------------------------------------
2141       4. Hauptinformationen
2142       ----------------------------------------------------- */
2143
2144    html body
2145    .wpem-event-listings.wpem-event-listing-list-view
2146    .agb-list-v2-title {
2147        color: #17252b !important;
2148    }
2149
2150    html body
2151    .wpem-event-listings.wpem-event-listing-list-view
2152    .agb-list-v2-event-type {
2153        padding: 5px 9px !important;
2154
2155        border: 1px solid rgba(82, 96, 101, 0.08) !important;
2156        border-radius: 7px !important;
2157
2158        background: #f1f3f3 !important;
2159        color: #46545a !important;
2160    }
2161
2162    /* -----------------------------------------------------
2163       5. Das Angebot
2164       ----------------------------------------------------- */
2165
2166    html body
2167    .wpem-event-listings.wpem-event-listing-list-view
2168    .agb-list-v2-short-column {
2169        padding-top: 5px !important;
2170        padding-right: 10px !important;
2171        padding-bottom: 3px !important;
2172        padding-left: 8px !important;
2173    }
2174
2175    html body
2176    .wpem-event-listings.wpem-event-listing-list-view
2177    .agb-list-v2-short-text {
2178        display: -webkit-box !important;
2179        overflow: hidden !important;
2180
2181        -webkit-box-orient: vertical !important;
2182        -webkit-line-clamp: 5 !important;
2183
2184        color: #4a5a61 !important;
2185    }
2186
2187    /* -----------------------------------------------------
2188       6. Info-/Programmfläche
2189       ----------------------------------------------------- */
2190
2191    html body
2192    .wpem-event-listings.wpem-event-listing-list-view
2193    .agb-list-v2-info-column {
2194        align-self: stretch !important;
2195
2196        padding: 16px 18px !important;
2197
2198        border: 1px solid #e6eceb !important;
2199        border-left: 1px solid #e6eceb !important;
2200        border-radius: 12px !important;
2201
2202        background: #f5f8f7 !important;
2203
2204        box-shadow:
2205            inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
2206    }
2207
2208    html body
2209    .wpem-event-listings.wpem-event-listing-list-view
2210    .agb-list-v2-info-title,
2211    html body
2212    .wpem-event-listings.wpem-event-listing-list-view
2213    .agb-list-v2-column-title {
2214        color: #22363e !important;
2215    }
2216
2217    /* Alters-/Teilnahmehinweis innerhalb der Infofläche. */
2218    html body
2219    .wpem-event-listings.wpem-event-listing-list-view
2220    .agb-list-v2-age-info {
2221        margin-top: 12px !important;
2222
2223        border: 1px solid rgba(62, 183, 171, 0.18) !important;
2224        border-left: 4px solid #3eb7ab !important;
2225        border-radius: 9px !important;
2226
2227        background: rgba(255, 255, 255, 0.78) !important;
2228
2229        box-shadow:
2230            0 2px 7px rgba(55, 83, 82, 0.05) !important;
2231    }
2232
2233    /* Mehrere Programmpunkte etwas klarer voneinander trennen. */
2234    html body
2235    .wpem-event-listings.wpem-event-listing-list-view
2236    .agb-list-v2-program-item
2237    + .agb-list-v2-program-item {
2238        padding-top: 10px !important;
2239
2240        border-top: 1px solid rgba(75, 91, 96, 0.10) !important;
2241    }
2242}
2243
2244/* =========================================================
2245   Tablet: etwas kompaktere Kartenabstände und Radien
2246   ========================================================= */
2247
2248@media (min-width: 768px) and (max-width: 1366px) {
2249
2250    html body
2251    .wpem-main.wpem-event-listings.wpem-event-listing-list-view {
2252        padding: 13px !important;
2253        border-radius: 15px !important;
2254    }
2255
2256    html body
2257    .wpem-event-listings.wpem-event-listing-list-view
2258    .wpem-event-box-col {
2259        margin-bottom: 14px !important;
2260    }
2261
2262    html body
2263    .wpem-event-listings.wpem-event-listing-list-view
2264    .event_listing
2265    > .agb-list-layout-v2 {
2266        border-radius: 14px !important;
2267    }
2268
2269    html body
2270    .wpem-event-listings.wpem-event-listing-list-view
2271    .agb-list-v2-info-column {
2272        padding: 14px 15px !important;
2273        border-radius: 10px !important;
2274    }
2275
2276    html body
2277    .wpem-event-listings.wpem-event-listing-list-view
2278    .agb-list-v2-short-text {
2279        -webkit-line-clamp: 4 !important;
2280    }
2281}
2282
2283/* =========================================================
2284   Handy Landscape: modern, aber platzsparend
2285   ========================================================= */
2286
2287@media (max-width: 767px) and (orientation: landscape) {
2288
2289    html body
2290    .wpem-main.wpem-event-listings.wpem-event-listing-list-view {
2291        padding: 10px !important;
2292        border-radius: 12px !important;
2293    }
2294
2295    html body
2296    .wpem-event-listings.wpem-event-listing-list-view
2297    .wpem-event-box-col {
2298        margin-bottom: 11px !important;
2299    }
2300
2301    html body
2302    .wpem-event-listings.wpem-event-listing-list-view
2303    .event_listing
2304    > .agb-list-layout-v2 {
2305        border-radius: 12px !important;
2306    }
2307
2308    html body
2309    .wpem-event-listings.wpem-event-listing-list-view
2310    .agb-list-v2-short-text {
2311        -webkit-line-clamp: 4 !important;
2312    }
2313}
2314
2315/* =========================================================
2316   AGB – v13 MODERNE EINZELCARDS: HANDY HOCHKANT
2317
2318   Das originale kompakte WPEM-Markup bleibt bestehen,
2319   wird aber optisch als moderne Einzelcard gestaltet.
2320   Die Desktop-/Tablet-Spaltenlogik bleibt unverändert.
2321   ========================================================= */
2322
2323@media (max-width: 767px) and (orientation: portrait) {
2324
2325    /* -----------------------------------------------------
2326       1. Gesamte Listenfläche
2327       ----------------------------------------------------- */
2328
2329    html body
2330    .wpem-main.wpem-event-listings.wpem-event-listing-list-view {
2331        display: block !important;
2332
2333        width: 100% !important;
2334        max-width: 100% !important;
2335
2336        margin: 0 !important;
2337        padding: 10px !important;
2338
2339        border: 0 !important;
2340        border-radius: 14px !important;
2341
2342        background: #f4f6f6 !important;
2343        box-shadow: none !important;
2344
2345        overflow: visible !important;
2346        box-sizing: border-box !important;
2347    }
2348
2349    html body
2350    .wpem-event-listings.wpem-event-listing-list-view
2351    .wpem-event-box-col {
2352        display: block !important;
2353        float: none !important;
2354        clear: both !important;
2355
2356        width: 100% !important;
2357        max-width: 100% !important;
2358
2359        margin: 0 0 12px 0 !important;
2360        padding: 0 !important;
2361
2362        border: 0 !important;
2363        background: transparent !important;
2364        box-shadow: none !important;
2365
2366        overflow: visible !important;
2367        box-sizing: border-box !important;
2368    }
2369
2370    html body
2371    .wpem-event-listings.wpem-event-listing-list-view
2372    .wpem-event-box-col:last-child {
2373        margin-bottom: 0 !important;
2374    }
2375
2376    html body
2377    .wpem-event-listings.wpem-event-listing-list-view
2378    .wpem-event-layout-wrapper.agb-event-listing-card-rounded,
2379    html body
2380    .wpem-event-listings.wpem-event-listing-list-view
2381    .event_listing {
2382        display: block !important;
2383        position: relative !important;
2384
2385        width: 100% !important;
2386        max-width: 100% !important;
2387
2388        margin: 0 !important;
2389        padding: 0 !important;
2390
2391        border: 0 !important;
2392        border-radius: 0 !important;
2393
2394        background: transparent !important;
2395        box-shadow: none !important;
2396
2397        overflow: visible !important;
2398        box-sizing: border-box !important;
2399    }
2400
2401    /* -----------------------------------------------------
2402       2. Eigentliche mobile Event-Card
2403       ----------------------------------------------------- */
2404
2405    html body
2406    .wpem-event-listings.wpem-event-listing-list-view
2407    .event_listing
2408    > a.wpem-event-action-url.agb-has-custom-list-layout {
2409        display: grid !important;
2410        grid-template-columns: 102px minmax(0, 1fr) !important;
2411        column-gap: 14px !important;
2412        align-items: start !important;
2413
2414        position: relative !important;
2415
2416        width: 100% !important;
2417        max-width: 100% !important;
2418        min-height: 0 !important;
2419
2420        margin: 0 !important;
2421        padding: 14px !important;
2422
2423        border: 1px solid rgba(73, 87, 92, 0.10) !important;
2424        border-radius: 14px !important;
2425
2426        background: #ffffff !important;
2427
2428        box-shadow:
2429            0 4px 14px rgba(41, 54, 59, 0.075),
2430            0 1px 3px rgba(41, 54, 59, 0.04) !important;
2431
2432        color: inherit !important;
2433        text-decoration: none !important;
2434
2435        overflow: hidden !important;
2436        box-sizing: border-box !important;
2437    }
2438
2439    /* -----------------------------------------------------
2440       3. Bildspalte
2441       ----------------------------------------------------- */
2442
2443    html body
2444    .wpem-event-listings.wpem-event-listing-list-view
2445    .wpem-event-banner {
2446        display: block !important;
2447        float: none !important;
2448
2449        width: 102px !important;
2450        max-width: 102px !important;
2451        min-width: 102px !important;
2452
2453        margin: 0 !important;
2454        padding: 0 0 31px 0 !important;
2455
2456        overflow: visible !important;
2457        box-sizing: border-box !important;
2458    }
2459
2460    html body
2461    .wpem-event-listings.wpem-event-listing-list-view
2462    .wpem-event-banner-img {
2463        display: block !important;
2464        position: relative !important;
2465
2466        width: 102px !important;
2467        max-width: 102px !important;
2468        min-width: 102px !important;
2469        height: 102px !important;
2470        min-height: 102px !important;
2471
2472        margin: 0 !important;
2473        padding: 0 !important;
2474
2475        border: 0 !important;
2476        border-radius: 10px !important;
2477
2478        background-position: center !important;
2479        background-repeat: no-repeat !important;
2480        background-size: cover !important;
2481
2482        box-shadow:
2483            0 5px 13px rgba(38, 51, 56, 0.14) !important;
2484
2485        overflow: visible !important;
2486        box-sizing: border-box !important;
2487    }
2488
2489    /* Farbiger Akzent aus der Veranstaltungsart. */
2490    html body
2491    .wpem-event-listings.wpem-event-listing-list-view
2492    .wpem-event-banner-img
2493    > .agb-event-card-accent {
2494        position: absolute !important;
2495        top: 0 !important;
2496        right: 0 !important;
2497        left: 0 !important;
2498
2499        display: block !important;
2500        width: 100% !important;
2501        height: 12px !important;
2502
2503        border-top:
2504            5px solid
2505            var(--agb-card-accent-color, #e8e8e8) !important;
2506        border-radius: 10px 10px 0 0 !important;
2507
2508        pointer-events: none !important;
2509        box-sizing: border-box !important;
2510        z-index: 4 !important;
2511    }
2512
2513    /* -----------------------------------------------------
2514       4. Datum als kompakte Glass-Kachel auf dem Bild
2515       ----------------------------------------------------- */
2516
2517    html body
2518    .wpem-event-listings.wpem-event-listing-list-view
2519    .wpem-event-banner-img
2520    > .wpem-event-date {
2521        display: block !important;
2522        position: absolute !important;
2523
2524        top: 9px !important;
2525        right: auto !important;
2526        bottom: auto !important;
2527        left: 8px !important;
2528
2529        width: auto !important;
2530        height: auto !important;
2531
2532        margin: 0 !important;
2533        padding: 0 !important;
2534
2535        z-index: 5 !important;
2536    }
2537
2538    html body
2539    .wpem-event-listings.wpem-event-listing-list-view
2540    .wpem-event-banner-img
2541    > .wpem-event-date
2542    .wpem-event-date-type {
2543        display: block !important;
2544        margin: 0 !important;
2545        padding: 0 !important;
2546    }
2547
2548    html body
2549    .wpem-event-listings.wpem-event-listing-list-view
2550    .wpem-event-banner-img
2551    > .wpem-event-date
2552    .wpem-from-date {
2553        display: flex !important;
2554        flex-direction: column !important;
2555        align-items: center !important;
2556        justify-content: center !important;
2557
2558        min-width: 42px !important;
2559        min-height: 43px !important;
2560
2561        margin: 0 !important;
2562        padding: 5px 7px !important;
2563
2564        border: 1px solid rgba(255, 255, 255, 0.36) !important;
2565        border-radius: 9px !important;
2566
2567        background: rgba(255, 255, 255, 0.82) !important;
2568
2569        -webkit-backdrop-filter:
2570            blur(11px) saturate(145%) !important;
2571        backdrop-filter:
2572            blur(11px) saturate(145%) !important;
2573
2574        box-shadow:
2575            0 6px 16px rgba(20, 31, 35, 0.16),
2576            inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
2577
2578        box-sizing: border-box !important;
2579    }
2580
2581    html body
2582    .wpem-event-listings.wpem-event-listing-list-view
2583    .wpem-event-banner-img
2584    > .wpem-event-date
2585    .wpem-date {
2586        margin: 0 !important;
2587        padding: 0 !important;
2588
2589        color: #34464d !important;
2590
2591        font-size: 19px !important;
2592        line-height: 0.95 !important;
2593        font-weight: 760 !important;
2594    }
2595
2596    html body
2597    .wpem-event-listings.wpem-event-listing-list-view
2598    .wpem-event-banner-img
2599    > .wpem-event-date
2600    .wpem-month {
2601        margin: 4px 0 0 0 !important;
2602        padding: 0 !important;
2603
2604        color: #536269 !important;
2605
2606        font-size: 9px !important;
2607        line-height: 1 !important;
2608        font-weight: 700 !important;
2609        text-transform: uppercase !important;
2610    }
2611
2612    /* -----------------------------------------------------
2613       5. Kostenfrei-Pille unter dem Bild
2614       ----------------------------------------------------- */
2615
2616    html body
2617    .wpem-event-listings.wpem-event-listing-list-view
2618    .agb-event-free-badge--card {
2619        position: absolute !important;
2620
2621        top: calc(100% + 7px) !important;
2622        right: auto !important;
2623        bottom: auto !important;
2624        left: 0 !important;
2625
2626        display: inline-flex !important;
2627        align-items: center !important;
2628        justify-content: center !important;
2629
2630        width: auto !important;
2631        min-width: 0 !important;
2632        min-height: 0 !important;
2633        height: auto !important;
2634
2635        margin: 0 !important;
2636        padding: 4px 9px !important;
2637
2638        border: 0 !important;
2639        border-radius: 11px !important;
2640
2641        background: rgba(255, 255, 255, 0.98) !important;
2642        color: #666666 !important;
2643
2644        font-size: 10px !important;
2645        line-height: 1.15 !important;
2646        font-weight: 700 !important;
2647        white-space: nowrap !important;
2648
2649        box-shadow:
2650            0 3px 10px rgba(60, 70, 74, 0.16) !important;
2651
2652        transform: none !important;
2653        z-index: 8 !important;
2654    }
2655
2656    /* -----------------------------------------------------
2657       6. Text-/Metabereich
2658       ----------------------------------------------------- */
2659
2660    html body
2661    .wpem-event-listings.wpem-event-listing-list-view
2662    .wpem-event-infomation {
2663        display: block !important;
2664        float: none !important;
2665
2666        width: 100% !important;
2667        max-width: 100% !important;
2668        min-width: 0 !important;
2669
2670        margin: 0 !important;
2671        padding: 2px 0 0 0 !important;
2672
2673        border: 0 !important;
2674        background: transparent !important;
2675        box-shadow: none !important;
2676
2677        overflow: visible !important;
2678        box-sizing: border-box !important;
2679    }
2680
2681    /* Das Datum wird bereits auf dem Bild gezeigt. */
2682    html body
2683    .wpem-event-listings.wpem-event-listing-list-view
2684    .wpem-event-infomation
2685    > .wpem-event-date {
2686        display: none !important;
2687    }
2688
2689    html body
2690    .wpem-event-listings.wpem-event-listing-list-view
2691    .wpem-event-details {
2692        display: block !important;
2693
2694        width: 100% !important;
2695        max-width: 100% !important;
2696        min-width: 0 !important;
2697
2698        margin: 0 !important;
2699        padding: 0 !important;
2700
2701        box-sizing: border-box !important;
2702    }
2703
2704    html body
2705    .wpem-event-listings.wpem-event-listing-list-view
2706    .wpem-event-title {
2707        margin: 0 0 9px 0 !important;
2708        padding: 0 !important;
2709    }
2710
2711    html body
2712    .wpem-event-listings.wpem-event-listing-list-view
2713    .wpem-event-title
2714    .wpem-heading-text {
2715        margin: 0 !important;
2716        padding: 0 !important;
2717
2718        color: #17252b !important;
2719
2720        font-size: 18px !important;
2721        line-height: 1.22 !important;
2722        font-weight: 750 !important;
2723
2724        overflow-wrap: break-word !important;
2725        word-break: normal !important;
2726        hyphens: auto !important;
2727    }
2728
2729    html body
2730    .wpem-event-listings.wpem-event-listing-list-view
2731    .wpem-event-date-time,
2732    html body
2733    .wpem-event-listings.wpem-event-listing-list-view
2734    .wpem-event-location {
2735        display: block !important;
2736
2737        margin: 0 0 7px 0 !important;
2738        padding: 0 !important;
2739
2740        color: #59686e !important;
2741
2742        font-size: 13px !important;
2743        line-height: 1.38 !important;
2744    }
2745
2746    html body
2747    .wpem-event-listings.wpem-event-listing-list-view
2748    .wpem-event-date-time-text,
2749    html body
2750    .wpem-event-listings.wpem-event-listing-list-view
2751    .wpem-event-location-text {
2752        color: inherit !important;
2753    }
2754
2755    html body
2756    .wpem-event-listings.wpem-event-listing-list-view
2757    .wpem-event-type {
2758        display: inline-block !important;
2759
2760        width: auto !important;
2761        max-width: 100% !important;
2762
2763        margin: 3px 0 0 0 !important;
2764        padding: 5px 8px !important;
2765
2766        border: 1px solid rgba(82, 96, 101, 0.08) !important;
2767        border-radius: 7px !important;
2768
2769        background: #f1f3f3 !important;
2770        color: #46545a !important;
2771
2772        font-size: 12px !important;
2773        line-height: 1.1 !important;
2774        white-space: normal !important;
2775    }
2776
2777    html body
2778    .wpem-event-listings.wpem-event-listing-list-view
2779    .wpem-event-type a,
2780    html body
2781    .wpem-event-listings.wpem-event-listing-list-view
2782    .wpem-event-type span {
2783        color: inherit !important;
2784        text-decoration: none !important;
2785    }
2786
2787    /* -----------------------------------------------------
2788       7. Sehr schmale Smartphones
2789       ----------------------------------------------------- */
2790
2791    @media (max-width: 390px) {
2792
2793        html body
2794        .wpem-event-listings.wpem-event-listing-list-view
2795        .event_listing
2796        > a.wpem-event-action-url.agb-has-custom-list-layout {
2797            grid-template-columns: 92px minmax(0, 1fr) !important;
2798            column-gap: 12px !important;
2799            padding: 12px !important;
2800        }
2801
2802        html body
2803        .wpem-event-listings.wpem-event-listing-list-view
2804        .wpem-event-banner {
2805            width: 92px !important;
2806            max-width: 92px !important;
2807            min-width: 92px !important;
2808        }
2809
2810        html body
2811        .wpem-event-listings.wpem-event-listing-list-view
2812        .wpem-event-banner-img {
2813            width: 92px !important;
2814            max-width: 92px !important;
2815            min-width: 92px !important;
2816            height: 92px !important;
2817            min-height: 92px !important;
2818        }
2819
2820        html body
2821        .wpem-event-listings.wpem-event-listing-list-view
2822        .wpem-event-title
2823        .wpem-heading-text {
2824            font-size: 17px !important;
2825        }
2826
2827        html body
2828        .wpem-event-listings.wpem-event-listing-list-view
2829        .wp
2829em-event-date-time,
2830        html body
2831        .wpem-event-listings.wpem-event-listing-list-view
2832        .wpem-event-location {
2833            font-size: 12.5px !important;
2834        }
2835    }
2836}
2837
2838/* =========================================================
2839   AGB – v14 NUR HANDY HOCHKANT
2840   Reduzierte Version der neuen AGB-Card
2841
2842   Sichtbar:
2843   - Bild
2844   - Datum
2845   - Titel
2846   - Datum
2847   - Uhrzeit
2848   - Ort
2849   - Zielgruppe
2850   - Kostenfrei
2851
2852   Ausgeblendet:
2853   - Das Angebot
2854   - Info
2855   - Programm
2856
2857   Alle anderen Ansichten bleiben unverändert.
2858   ========================================================= */
2859
2860@media (max-width: 767px) and (orientation: portrait) {
2861
2862    /*
2863     * Nicht mehr das alte mobile WPEM-Markup verwenden,
2864     * sondern die bereits vorhandene neue AGB-Card.
2865     */
2866    html body
2867    .wpem-event-listings.wpem-event-listing-list-view
2868    .event_listing
2869    > a.wpem-event-action-url.agb-has-custom-list-layout {
2870        display: none !important;
2871        visibility: hidden !important;
2872
2873        width: 0 !important;
2874        height: 0 !important;
2875        min-height: 0 !important;
2876
2877        margin: 0 !important;
2878        padding: 0 !important;
2879
2880        overflow: hidden !important;
2881        pointer-events: none !important;
2882    }
2883
2884    html body
2885    .wpem-event-listings.wpem-event-listing-list-view
2886    .event_listing
2887    > .agb-list-layout-v2 {
2888        display: grid !important;
2889        visibility: visible !important;
2890
2891        grid-template-columns: 98px minmax(0, 1fr) !important;
2892        grid-template-rows: auto !important;
2893        column-gap: 15px !important;
2894        align-items: start !important;
2895
2896        position: relative !important;
2897
2898        width: 100% !important;
2899        max-width: 100% !important;
2900        min-width: 0 !important;
2901        height: auto !important;
2902        min-height: 0 !important;
2903
2904        margin: 0 !important;
2905        padding: 15px !important;
2906
2907        border: 1px solid rgba(73, 87, 92, 0.10) !important;
2908        border-radius: 14px !important;
2909
2910        background: #ffffff !important;
2911
2912        box-shadow:
2913            0 4px 14px rgba(41, 54, 59, 0.075),
2914            0 1px 3px rgba(41, 54, 59, 0.04) !important;
2915
2916        overflow: hidden !important;
2917        box-sizing: border-box !important;
2918    }
2919
2920    /* Vollflächen-Link der neuen Card aktiv halten. */
2921    html body
2922    .wpem-event-listings.wpem-event-listing-list-view
2923    .agb-list-v2-overlay-link {
2924        display: block !important;
2925        position: absolute !important;
2926        inset: 0 !important;
2927
2928        width: 100% !important;
2929        height: 100% !important;
2930
2931        z-index: 1 !important;
2932    }
2933
2934    html body
2935    .wpem-event-listings.wpem-event-listing-list-view
2936    .agb-list-layout-v2
2937    > :not(.agb-list-v2-overlay-link) {
2938        position: relative !important;
2939        min-width: 0 !important;
2940
2941        pointer-events: none !important;
2942        z-index: 2 !important;
2943    }
2944
2945    /* -----------------------------------------------------
2946       Bild + Kostenfrei
2947       ----------------------------------------------------- */
2948
2949    html body
2950    .wpem-event-listings.wpem-event-listing-list-view
2951    .agb-list-v2-image-column {
2952        display: flex !important;
2953        flex-direction: column !important;
2954        align-items: flex-start !important;
2955
2956        grid-column: 1 !important;
2957        grid-row: 1 !important;
2958
2959        width: 98px !important;
2960        min-width: 98px !important;
2961
2962        margin: 0 !important;
2963        padding: 0 !important;
2964    }
2965
2966    html body
2967    .wpem-event-listings.wpem-event-listing-list-view
2968    .agb-list-v2-image {
2969        display: block !important;
2970
2971        width: 98px !important;
2972        min-width: 98px !important;
2973        height: 98px !important;
2974
2975        margin: 0 !important;
2976
2977        border-radius: 10px !important;
2978
2979        background-position: center !important;
2980        background-repeat: no-repeat !important;
2981        background-size: cover !important;
2982
2983        box-shadow:
2984            0 5px 13px rgba(38, 51, 56, 0.14) !important;
2985    }
2986
2987    html body
2988    .wpem-event-listings.wpem-event-listing-list-view
2989    .agb-list-v2-image::before {
2990        border-radius: 10px 10px 0 0 !important;
2991    }
2992
2993    html body
2994    .wpem-event-listings.wpem-event-listing-list-view
2995    .agb-list-v2-free-badge {
2996        display: inline-flex !important;
2997
2998        margin: 8px 0 0 0 !important;
2999        padding: 4px 9px !important;
3000
3001        border-radius: 11px !important;
3002
3003        background: rgba(255, 255, 255, 0.98) !important;
3004        color: #666666 !important;
3005
3006        font-size: 10px !important;
3007        line-height: 1.15 !important;
3008        font-weight: 700 !important;
3009
3010        box-shadow:
3011            0 3px 10px rgba(60, 70, 74, 0.16) !important;
3012    }
3013
3014    /* -----------------------------------------------------
3015       Kleine Datumskachel auf dem Bild
3016       ----------------------------------------------------- */
3017
3018    html body
3019    .wpem-event-listings.wpem-event-listing-list-view
3020    .agb-list-v2-date-column {
3021        display: flex !important;
3022        flex-direction: column !important;
3023        align-items: center !important;
3024        justify-content: center !important;
3025
3026        position: absolute !important;
3027        top: 24px !important;
3028        left: 24px !important;
3029
3030        width: 43px !important;
3031        min-width: 43px !important;
3032        height: 45px !important;
3033
3034        margin: 0 !important;
3035        padding: 5px 6px !important;
3036
3037        border: 1px solid rgba(255, 255, 255, 0.40) !important;
3038        border-radius: 9px !important;
3039
3040        background: rgba(255, 255, 255, 0.84) !important;
3041        color: #34464d !important;
3042
3043        -webkit-backdrop-filter:
3044            blur(10px) saturate(145%) !important;
3045        backdrop-filter:
3046            blur(10px) saturate(145%) !important;
3047
3048        box-shadow:
3049            0 6px 16px rgba(20, 31, 35, 0.16),
3050            inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
3051
3052        text-align: center !important;
3053        box-sizing: border-box !important;
3054        z-index: 4 !important;
3055    }
3056
3057    html body
3058    .wpem-event-listings.wpem-event-listing-list-view
3059    .agb-list-v2-date-day {
3060        margin: 0 !important;
3061
3062        font-size: 20px !important;
3063        line-height: 0.95 !important;
3064        font-weight: 760 !important;
3065    }
3066
3067    html body
3068    .wpem-event-listings.wpem-event-listing-list-view
3069    .agb-list-v2-date-month {
3070        margin: 4px 0 0 0 !important;
3071
3072        font-size: 9px !important;
3073        line-height: 1 !important;
3074        font-weight: 700 !important;
3075    }
3076
3077    /* -----------------------------------------------------
3078       Titel + Meta
3079       ----------------------------------------------------- */
3080
3081    html body
3082    .wpem-event-listings.wpem-event-listing-list-view
3083    .agb-list-v2-main-column {
3084        display: block !important;
3085
3086        grid-column: 2 !important;
3087        grid-row: 1 !important;
3088
3089        width: 100% !important;
3090        min-width: 0 !important;
3091
3092        margin: 0 !important;
3093        padding: 1px 0 0 0 !important;
3094    }
3095
3096    html body
3097    .wpem-event-listings.wpem-event-listing-list-view
3098    .agb-list-v2-title {
3099        margin: 0 0 10px 0 !important;
3100
3101        color: #17252b !important;
3102
3103        font-size: 18px !important;
3104        line-height: 1.22 !important;
3105        font-weight: 750 !important;
3106
3107        overflow-wrap: break-word !important;
3108        word-break: normal !important;
3109        hyphens: auto !important;
3110    }
3111
3112    html body
3113    .wpem-event-listings.wpem-event-listing-list-view
3114    .agb-list-v2-meta-line {
3115        display: grid !important;
3116        grid-template-columns: 16px minmax(0, 1fr) !important;
3117        column-gap: 7px !important;
3118        align-items: start !important;
3119
3120        width: 100% !important;
3121
3122        margin: 0 0 7px 0 !important;
3123        padding: 0 !important;
3124
3125        color: #59686e !important;
3126
3127        font-size: 12.75px !important;
3128        line-height: 1.38 !important;
3129    }
3130
3131    html body
3132    .wpem-event-listings.wpem-event-listing-list-view
3133    .agb-list-v2-meta-icon,
3134    html body
3135    .wpem-event-listings.wpem-event-listing-list-view
3136    .agb-list-v2-meta-icon svg {
3137        width: 15px !important;
3138        height: 15px !important;
3139    }
3140
3141    html body
3142    .wpem-event-listings.wpem-event-listing-list-view
3143    .agb-list-v2-event-type {
3144        display: inline-block !important;
3145
3146        width: auto !important;
3147        max-width: 100% !important;
3148
3149        margin: 3px 0 0 0 !important;
3150        padding: 5px 8px !important;
3151
3152        border: 1px solid rgba(82, 96, 101, 0.08) !important;
3153        border-radius: 7px !important;
3154
3155        background: #f1f3f3 !important;
3156        color: #46545a !important;
3157
3158        font-size: 12px !important;
3159        line-height: 1.1 !important;
3160    }
3161
3162    /* -----------------------------------------------------
3163       Auf Handy hochkant bewusst nicht anzeigen
3164       ----------------------------------------------------- */
3165
3166    html body
3167    .wpem-event-listings.wpem-event-listing-list-view
3168    .agb-list-v2-short-column,
3169    html body
3170    .wpem-event-listings.wpem-event-listing-list-view
3171    .agb-list-v2-info-column {
3172        display: none !important;
3173    }
3174
3175    /* Sehr schmale Geräte */
3176    @media (max-width: 390px) {
3177
3178        html body
3179        .wpem-event-listings.wpem-event-listing-list-view
3180        .event_listing
3181        > .agb-list-layout-v2 {
3182            grid-template-columns: 90px minmax(0, 1fr) !important;
3183            column-gap: 12px !important;
3184            padding: 13px !important;
3185        }
3186
3187        html body
3188        .wpem-event-listings.wpem-event-listing-list-view
3189        .agb-list-v2-image-column,
3190        html body
3191        .wpem-event-listings.wpem-event-listing-list-view
3192        .agb-list-v2-image {
3193            width: 90px !important;
3194            min-width: 90px !important;
3195        }
3196
3197        html body
3198        .wpem-event-listings.wpem-event-listing-list-view
3199        .agb-list-v2-image {
3200            height: 90px !important;
3201        }
3202
3203        html body
3204        .wpem-event-listings.wpem-event-listing-list-view
3205        .agb-list-v2-date-column {
3206            top: 22px !important;
3207            left: 22px !important;
3208        }
3209
3210        html body
3211        .wpem-event-listings.wpem-event-listing-list-view
3212        .agb-list-v2-title {
3213            font-size: 17px !important;
3214        }
3215
3216        html body
3217        .wpem-event-listings.wpem-event-listing-list-view
3218        .agb-list-v2-meta-line {
3219            font-size: 12.25px !important;
3220        }
3221    }
3222}
3223
3224/* =========================================================
3225   AGB – v15 NUR HANDY HOCHKANT
3226   1. Alte WPEM-Ausgabe vollständig entfernen
3227   2. Datumskachel sicher auf dem Bild positionieren
3228
3229   Alle anderen Ansichten bleiben unverändert.
3230   ========================================================= */
3231
3232@media (max-width: 767px) and (orientation: portrait) {
3233
3234    /* -----------------------------------------------------
3235       1. Alte Ausgabe unabhängig von der HTML-Verschachtelung
3236          vollständig ausblenden
3237       ----------------------------------------------------- */
3238
3239    html body
3240    .wpem-event-listings.wpem-event-listing-list-view
3241    .event_listing
3242    .wpem-event-banner,
3243
3244    html body
3245    .wpem-event-listings.wpem-event-listing-list-view
3246    .event_listing
3247    .wpem-event-infomation {
3248        display: none !important;
3249        visibility: hidden !important;
3250
3251        width: 0 !important;
3252        max-width: 0 !important;
3253        min-width: 0 !important;
3254
3255        height: 0 !important;
3256        max-height: 0 !important;
3257        min-height: 0 !important;
3258
3259        margin: 0 !important;
3260        padding: 0 !important;
3261
3262        border: 0 !important;
3263        overflow: hidden !important;
3264        pointer-events: none !important;
3265    }
3266
3267    /*
3268     * Auch der alte Event-Link selbst darf keinen Platz mehr belegen.
3269     * Der neue Overlay-Link der reduzierten AGB-Card ist davon nicht
3270     * betroffen.
3271     */
3272    html body
3273    .wpem-event-listings.wpem-event-listing-list-view
3274    .event_listing
3275    a.wpem-event-action-url {
3276        display: none !important;
3277        visibility: hidden !important;
3278
3279        width: 0 !important;
3280        max-width: 0 !important;
3281        min-width: 0 !important;
3282
3283        height: 0 !important;
3284        max-height: 0 !important;
3285        min-height: 0 !important;
3286
3287        margin: 0 !important;
3288        padding: 0 !important;
3289
3290        border: 0 !important;
3291        overflow: hidden !important;
3292        pointer-events: none !important;
3293    }
3294
3295    /* Neue reduzierte AGB-Card ausdrücklich aktiv halten. */
3296    html body
3297    .wpem-event-listings.wpem-event-listing-list-view
3298    .event_listing
3299    > .agb-list-layout-v2 {
3300        display: grid !important;
3301        visibility: visible !important;
3302
3303        position: relative !important;
3304
3305        width: 100% !important;
3306        max-width: 100% !important;
3307        min-width: 0 !important;
3308
3309        height: auto !important;
3310        max-height: none !important;
3311        min-height: 0 !important;
3312
3313        overflow: hidden !important;
3314    }
3315
3316    /* -----------------------------------------------------
3317       2. Datumskachel
3318       Frühere allgemeine Regel setzte direkte Kinder wieder
3319       auf position: relative. Dieser stärkere Selektor hält
3320       die Kachel zuverlässig absolut auf dem Bild.
3321       ----------------------------------------------------- */
3322
3323    html body
3324    .wpem-event-listings.wpem-event-listing-list-view
3325    .event_listing
3326    > .agb-list-layout-v2
3327    > .agb-list-v2-date-column {
3328        display: flex !important;
3329        visibility: visible !important;
3330
3331        position: absolute !important;
3332
3333        top: 24px !important;
3334        right: auto !important;
3335        bottom: auto !important;
3336        left: 24px !important;
3337
3338        grid-column: auto !important;
3339        grid-row: auto !important;
3340
3341        width: 43px !important;
3342        min-width: 43px !important;
3343        max-width: 43px !important;
3344
3345        height: 45px !important;
3346        min-height: 45px !important;
3347        max-height: 45px !important;
3348
3349        margin: 0 !important;
3350        padding: 5px 6px !important;
3351
3352        transform: none !important;
3353
3354        overflow: visible !important;
3355        pointer-events: none !important;
3356        z-index: 30 !important;
3357    }
3358
3359    /* Sehr schmale Geräte: passend zum kleineren Bild/Padding. */
3360    @media (max-width: 390px) {
3361        html body
3362        .wpem-event-listings.wpem-event-listing-list-view
3363        .event_listing
3364        > .agb-list-layout-v2
3365        > .agb-list-v2-date-column {
3366            top: 22px !important;
3367            left: 22px !important;
3368        }
3369    }
3370}
3371
3372/* =========================================================
3373   AGB – v16 NUR HANDY HOCHKANT
3374   Datumskachel vollständig ausblenden
3375   ========================================================= */
3376
3377@media (max-width: 767px) and (orientation: portrait) {
3378
3379    html body
3380    .wpem-event-listings.wpem-event-listing-list-view
3381    .event_listing
3382    > .agb-list-layout-v2
3383    > .agb-list-v2-date-column {
3384        display: none !important;
3385        visibility: hidden !important;
3386
3387        width: 0 !important;
3388        max-width: 0 !important;
3389        min-width: 0 !important;
3390
3391        height: 0 !important;
3392        max-height: 0 !important;
3393        min-height: 0 !important;
3394
3395        margin: 0 !important;
3396        padding: 0 !important;
3397
3398        overflow: hidden !important;
3399        pointer-events: none !important;
3400    }
3401}
3402
3403/* =========================================================
3404   AGB – v17 DESKTOP-LISTENBILD 130 × 130
3405
3406   Ausschließlich Desktop:
3407   - Bild wird von 106 × 106 auf 130 × 130 vergrößert.
3408   - Erste Grid-Spalte wächst passend mit.
3409   - Tablet und Smartphone bleiben unverändert.
3410   - Der Fokuspunkt selbst kommt inline aus dem Listing-Template
3411     und gilt dadurch auf allen Geräten.
3412   ========================================================= */
3413
3414@media (min-width: 1367px),
3415       (min-width: 1025px) and (hover: hover) and (pointer: fine) {
3416
3417    html body
3418    .wpem-event-listings.wpem-event-listing-list-view
3419    .event_listing
3420    > .agb-list-layout-v2 {
3421        grid-template-columns:
3422            140px
3423            58px
3424            minmax(210px, 0.82fr)
3425            minmax(245px, 0.95fr)
3426            minmax(280px, 1.15fr) !important;
3427    }
3428
3429    html body
3430    .wpem-event-listings.wpem-event-listing-list-view
3431    .agb-list-v2-image {
3432        width: 130px !im
3432portant;
3433        min-width: 130px !important;
3434        height: 130px !important;
3435    }
3436}
3437
3438</style>
3439                                                        <style>/*
3440 * AGB – Event Cards Design-Veredelung TEST v2 – Badge Fix
3441 *
3442 * Eigenständiger FluentSnippets-CSS-Test.
3443 *
3444 * Aktivierung:
3445 * - Typ: CSS
3446 * - Ausführung: Frontend / websiteweit
3447 *
3448 * Zum Zurücksetzen genügt es, dieses Snippet zu deaktivieren.
3449 *
3450 * WICHTIG:
3451 * - nur Grid-/Card-Ansicht
3452 * - Listenansicht bleibt unverändert
3453 * - Kalender bleibt unverändert
3454 * - Single Event bleibt unverändert
3455 */
3456
3457/* =========================================================
3458   1. Card als modernere, eigenständige Fläche
3459   ========================================================= */
3460
3461.wpem-event-listing-box-view
3462.wpem-event-layout-wrapper.agb-event-listing-card-rounded,
3463.wpem-event-listing-grid-view
3464.wpem-event-layout-wrapper.agb-event-listing-card-rounded,
3465.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3466.wpem-event-layout-wrapper.agb-event-listing-card-rounded {
3467    border: 1px solid rgba(55, 70, 76, 0.10) !important;
3468    border-radius: 14px !important;
3469
3470    background: #ffffff !important;
3471
3472    box-shadow:
3473        0 5px 18px rgba(35, 50, 55, 0.075),
3474        0 1px 3px rgba(35, 50, 55, 0.035) !important;
3475
3476    overflow: hidden !important;
3477
3478    transition:
3479        transform 180ms ease,
3480        box-shadow 180ms ease,
3481        border-color 180ms ease !important;
3482}
3483
3484.wpem-event-listing-box-view
3485.wpem-event-layout-wrapper.agb-event-listing-card-rounded:hover,
3486.wpem-event-listing-grid-view
3487.wpem-event-layout-wrapper.agb-event-listing-card-rounded:hover,
3488.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3489.wpem-event-layout-wrapper.agb-event-listing-card-rounded:hover {
3490    transform: translateY(-2px) !important;
3491
3492    border-color: rgba(55, 70, 76, 0.16) !important;
3493
3494    box-shadow:
3495        0 10px 27px rgba(35, 50, 55, 0.115),
3496        0 2px 5px rgba(35, 50, 55, 0.045) !important;
3497}
3498
3499/* Alle inneren Card-Flächen erhalten denselben Radius. */
3500.wpem-event-listing-box-view
3501.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3502.event_listing,
3503.wpem-event-listing-box-view
3504.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3505.wpem-event-action-url,
3506.wpem-event-listing-grid-view
3507.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3508.event_listing,
3509.wpem-event-listing-grid-view
3510.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3511.wpem-event-action-url,
3512.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3513.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3514.event_listing,
3515.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3516.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3517.wpem-event-action-url {
3518    border-radius: 14px !important;
3519    overflow: hidden !important;
3520}
3521
3522/* Bild oben, weißer Inhaltsbereich unten. */
3523.wpem-event-listing-box-view
3524.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3525.wpem-event-banner,
3526.wpem-event-listing-box-view
3527.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3528.wpem-event-banner-img,
3529.wpem-event-listing-grid-view
3530.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3531.wpem-event-banner,
3532.wpem-event-listing-grid-view
3533.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3534.wpem-event-banner-img,
3535.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3536.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3537.wpem-event-banner,
3538.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3539.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3540.wpem-event-banner-img {
3541    border-radius: 14px 14px 0 0 !important;
3542}
3543
3544/* Farbige Akzentkante an den neuen Radius anpassen. */
3545.wpem-event-listing-box-view
3546.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3547.wpem-event-banner-img
3548> .agb-event-card-accent,
3549.wpem-event-listing-grid-view
3550.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3551.wpem-event-banner-img
3552> .agb-event-card-accent,
3553.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3554.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3555.wpem-event-banner-img
3556> .agb-event-card-accent {
3557    border-radius: 14px 14px 0 0 !important;
3558}
3559
3560/* =========================================================
3561   2. Weißer Inhaltsbereich etwas luftiger
3562   ========================================================= */
3563
3564.wpem-event-listing-box-view
3565.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3566.wpem-event-infomation,
3567.wpem-event-listing-grid-view
3568.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3569.wpem-event-infomation,
3570.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3571.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3572.wpem-event-infomation {
3573    padding: 18px 24px 22px 24px !important;
3574}
3575
3576/* Titel etwas ruhiger und maximal zweizeilig. */
3577.wpem-event-listing-box-view
3578.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3579.wpem-event-title
3580.wpem-heading-text,
3581.wpem-event-listing-grid-view
3582.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3583.wpem-event-title
3584.wpem-heading-text,
3585.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3586.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3587.wpem-event-title
3588.wpem-heading-text {
3589    display: -webkit-box !important;
3590    overflow: hidden !important;
3591
3592    margin-bottom: 11px !important;
3593
3594    color: #17252b !important;
3595
3596    font-size: 20px !important;
3597    line-height: 1.25 !important;
3598
3599    -webkit-box-orient: vertical !important;
3600    -webkit-line-clamp: 2 !important;
3601}
3602
3603/* Etwas mehr Luft zwischen Metadaten und Zielgruppen-Badge. */
3604.wpem-event-listing-box-view
3605.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3606.wpem-event-location,
3607.wpem-event-listing-grid-view
3608.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3609.wpem-event-location,
3610.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3611.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3612.wpem-event-location {
3613    margin-bottom: 12px !important;
3614}
3615
3616/* =========================================================
3617   3. Datumskachel etwas kleiner und weicher
3618   ========================================================= */
3619
3620.wpem-event-listing-box-view
3621.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3622.wpem-event-banner-img
3623> .wpem-event-date
3624.wpem-from-date,
3625.wpem-event-listing-grid-view
3626.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3627.wpem-event-banner-img
3628> .wpem-event-date
3629.wpem-from-date,
3630.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3631.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3632.wpem-event-banner-img
3633> .wpem-event-date
3634.wpem-from-date {
3635    display: flex !important;
3636    flex-direction: column !important;
3637    align-items: center !important;
3638    justify-content: center !important;
3639
3640    width: 60px !important;
3641    min-width: 60px !important;
3642    height: 62px !important;
3643    min-height: 62px !important;
3644
3645    padding: 7px 8px !important;
3646
3647    border: 1px solid rgba(255, 255, 255, 0.30) !important;
3648    border-radius: 14px !important;
3649
3650    background: rgba(255, 255, 255, 0.72) !important;
3651
3652    -webkit-backdrop-filter:
3653        blur(13px) saturate(150%) !important;
3654    backdrop-filter:
3655        blur(13px) saturate(150%) !important;
3656
3657    box-shadow:
3658        0 7px 18px rgba(0, 0, 0, 0.14),
3659        inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
3660}
3661
3662.wpem-event-listing-box-view
3663.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3664.wpem-event-banner-img
3665> .wpem-event-date
3666.wpem-date,
3667.wpem-event-listing-grid-view
3668.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3669.wpem-event-banner-img
3670> .wpem-event-date
3671.wpem-date,
3672.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3673.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3674.wpem-event-banner-img
3675> .wpem-event-date
3676.wpem-date {
3677    font-size: 23px !important;
3678    line-height: 0.95 !important;
3679}
3680
3681.wpem-event-listing-box-view
3682.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3683.wpem-event-banner-img
3684> .wpem-event-date
3685.wpem-month,
3686.wpem-event-listing-grid-view
3687.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3688.wpem-event-banner-img
3689> .wpem-event-date
3690.wpem-month,
3691.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3692.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3693.wpem-event-banner-img
3694> .wpem-event-date
3695.wpem-month {
3696    margin-top: 4px !important;
3697
3698    font-size: 11px !important;
3699    line-height: 1 !important;
3700}
3701
3702/* =========================================================
3703   4. Kostenfrei-Pille zurückhaltender
3704   ========================================================= */
3705
3706.wpem-event-listing-box-view
3707.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3708.agb-event-free-badge--card,
3709.wpem-event-listing-grid-view
3710.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3711.agb-event-free-badge--card,
3712.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3713.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3714.agb-event-free-badge--card {
3715    right: 14px !important;
3716    bottom: 14px !important;
3717
3718    padding: 6px 10px !important;
3719
3720    border: 1px solid rgba(255, 255, 255, 0.50) !important;
3721    border-radius: 999px !important;
3722
3723    background: rgba(255, 255, 255, 0.90) !important;
3724    color: #5c5555 !important;
3725
3726    font-size: 10px !important;
3727    line-height: 1 !important;
3728    letter-spacing: 0.015em !important;
3729
3730    -webkit-backdrop-filter: blur(8px) !important;
3731    backdrop-filter: blur(8px) !important;
3732
3733    box-shadow:
3734        0 4px 12px rgba(28, 38, 43, 0.14) !important;
3735}
3736
3737/* =========================================================
3738   5. Zielgruppen-Badge moderner – OHNE DOPPELTE FLÄCHE
3739   ========================================================= */
3740
3741/*
3742 * WPEM erzeugt diese Struktur:
3743 *
3744 * <div class="wpem-event-type">
3745 *   <a>
3746 *     <span class="wpem-event-type-text event-type">Familien</span>
3747 *   </a>
3748 * </div>
3749 *
3750 * Deshalb bleibt der äußere Wrapper vollständig neutral.
3751 * Nur der innere Text-Span erhält die sichtbare Badge-Gestaltung.
3752 */
3753
3754/* Äußeren Wrapper neutralisieren. */
3755.wpem-event-listing-box-view
3756.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3757.wpem-event-type,
3758.wpem-event-listing-grid-view
3759.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3760.wpem-event-type,
3761.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3762.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3763.wpem-event-type {
3764    display: inline-block !important;
3765
3766    width: auto !important;
3767    max-width: 100% !important;
3768
3769    margin: 2px 0 0 0 !important;
3770    padding: 0 !important;
3771
3772    border: 0 !important;
3773    border-radius: 0 !important;
3774
3775    background: transparent !important;
3776    box-shadow: none !important;
3777
3778    color: inherit !important;
3779    font-size: inherit !important;
3780    line-height: inherit !important;
3781}
3782
3783/* Link ebenfalls neutral lassen. */
3784.wpem-event-listing-box-view
3785.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3786.wpem-event-type
3787> a,
3788.wpem-event-listing-grid-view
3789.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3790.wpem-event-type
3791> a,
3792.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3793.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3794.wpem-event-type
3795> a {
3796    display: inline-block !important;
3797
3798    margin: 0 !important;
3799    padding: 0 !important;
3800
3801    border: 0 !important;
3802    border-radius: 0 !important;
3803
3804    background: transparent !important;
3805    box-shadow: none !important;
3806
3807    color: inherit !important;
3808    text-decoration: none !important;
3809}
3810
3811/* Nur das echte innere Badge gestalten. */
3812.wpem-event-listing-box-view
3813.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3814.wpem-event-type
3815.wpem-event-type-text,
3816.wpem-event-listing-grid-view
3817.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3818.wpem-event-type
3819.wpem-event-type-text,
3820.wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3821.wpem-event-layout-wrapper.agb-event-listing-card-rounded
3822.wpem-event-type
3823.wpem-event-type-text {
3824    display: inline-block !important;
3825
3826    width: auto !important;
3827    max-width: 100% !important;
3828
3829    margin: 0 !important;
3830    padding: 5px 9px !important;
3831
3832    border: 1px solid rgba(77, 91, 97, 0.08) !important;
3833    border-radius: 7px !important;
3834
3835    background: #f1f3f3 !important;
3836    color: #46545a !important;
3837
3838    font-size: 12px !important;
3839    line-height: 1.1 !important;
3840    font-weight: 400 !important;
3841
3842    box-shadow: none !important;
3843    text-decoration: none !important;
3844}
3845
3846/* Auf Touch-Geräten keine klebende Hover-Anhebung. */
3847@media (hover: none), (pointer: coarse) {
3848    .wpem-event-listing-box-view
3849    .wpem-event-layout-wrapper.agb-event-listing-card-rounded:hover,
3850    .wpem-event-listing-grid-view
3851    .wpem-event-layout-wrapper.agb-event-listing-card-rounded:hover,
3852    .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
3853    .wpem-event-layout-wrapper.agb-event-listing-card-rounded:hover {
3854        transform: none !important;
3855
3856        border-color: rgba(55, 70, 76, 0.10) !important;
3857
3858        box-shadow:
3859            0 5px 18px rgba(35, 50, 55, 0.075),
3860            0 1px 3px rgba(35, 50, 55, 0.035) !important;
3861    }
3862}</style>
3863                                                        <style>/*
3864 * AGB – Event Cards: 4 Spalten Desktop TEST v37 – Unterlängen sichtbar
3865 *
3866 * Eigenständiges FluentSnippets-CSS.
3867 * Deaktivieren = sofort zurück auf die bisherige Spaltenanzahl.
3868 *
3869 * Voraussetzung:
3870 * - funktioniert zusätzlich zum bestehenden Card-CSS
3871 * - kompatibel mit „AGB – Event Cards Design-Veredelung TEST v2“
3872 *
3873 * Betrifft ausschließlich:
3874 * - Card-/Grid-Ansicht
3875 * - Desktop ab 1400px
3876 *
3877 * Nicht betroffen:
3878 * - Listenansicht
3879 * - Tablet
3880 * - Handy
3881 * - Kalender
3882 * - Single Event
3883 */
3884
3885@media (min-width: 1400px) {
3886
3887    /*
3888     * WPEM gibt den Cards aktuell wpem-col-lg-4 (= 3 Spalten).
3889     * Für den Test wird nur in der Grid-/Card-Ansicht auf 25 % gestellt.
3890     */
3891    html body
3892    .wpem-event-listings:not(.wpem-event-listing-list-view)
3893    .wpem-event-box-col.wpem-col-lg-4 {
3894        flex: 0 0 25% !important;
3895        width: 25% !important;
3896        max-width: 25% !important;
3897    }
3898
3899    /*
3900     * Etwas kompaktere Innenabstände, damit Titel und Metadaten
3901     * in den schmaleren Karten ruhig bleiben.
3902     */
3903    html body
3904    .wpem-event-listings:not(.wpem-event-listing-list-view)
3905    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3906    .wpem-event-infomation {
3907        padding: 17px 20px 20px 20px !important;
3908    }
3909
3910    html body
3911    .wpem-event-listings:not(.wpem-event-listing-list-view)
3912    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3913    .wpem-event-title
3914    .wpem-heading-text {
3915        font-size: 18px !important;
3916        line-height: 1.25 !important;
3917    }
3918
3919    /*
3920     * Metadaten minimal kompakter, damit Ort und Uhrzeit nicht
3921     * unnötig früh umbrechen.
3922     */
3923    html body
3924    .wpem-event-listings:not(.wpem-event-listing-list-view)
3925    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3926    .wpem-event-date-time,
3927    html body
3928    .wpem-event-listings:not(.wpem-event-listing-list-view)
3929    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3930    .wpem-event-location {
3931        font-size: 13px !important;
3932        line-height: 1.38 !important;
3933    }
3934
3935    /*
3936     * Datumskachel leicht verkleinern, passend zur schmaleren Card.
3937     */
3938    html body
3939    .wpem-event-listings:not(.wpem-event-listing-list-view)
3940    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3941    .wpem-event-banner-img
3942    > .wpem-event-date
3943    .wpem-from-date {
3944        width: 56px !important;
3945        min-width: 56px !important;
3946        height: 58px !important;
3947        min-height: 58px !important;
3948    }
3949
3950    html body
3951    .wpem-event-listings:not(.wpem-event-listing-list-view)
3952    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3953    .wpem-event-banner-img
3954    > .wpem-event-date
3955    .wpem-date {
3956        font-size: 21px !important;
3957    }
3958
3959    html body
3960    .wpem-event-listings:not(.wpem-event-listing-list-view)
3961    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3962    .wpem-event-banner-img
3963    > .wpem-event-date
3964    .wpem-month {
3965        font-size: 10px !important;
3966    }
3967}
3968
3969/*
3970 * Auf sehr breiten Bildschirmen darf die Card wieder etwas luftiger sein.
3971 */
3972@media (min-width: 1800px) {
3973
3974    html body
3975    .wpem-event-listings:not(.wpem-event-listing-list-view)
3976    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3977    .wpem-event-infomation {
3978        padding: 19px 22px 22px 22px !important;
3979    }
3980
3981    html body
3982    .wpem-event-listings:not(.wpem-event-listing-list-view)
3983    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
3984    .wpem-event-title
3985    .wpem-heading-text {
3986        font-size: 19px !important;
3987    }
3988}
3989
3990/* =========================================================
3991   AGB – v4 STABILE AUSRICHTUNG + MINIBESCHREIBUNG
3992
3993   WICHTIG:
3994   - keine Flex-Änderung an Card, Link, Banner oder Inhaltsbereich
3995   - kein Eingriff in die vorhandene WPEM-Card-Struktur
3996   - nur feste Höhen innerhalb des bestehenden Textbereichs
3997   - nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
3998   ========================================================= */
3999
4000@media (min-width: 1400px) {
4001
4002    /* -----------------------------------------------------
4003       1. Titelbereich für maximal zwei Zeilen
4004
4005       Einzeiliger Titel bleibt unten.
4006       Bei zwei Zeilen wächst nur die erste Zeile nach oben.
4007       ----------------------------------------------------- */
4008
4009    html body
4010    .wpem-event-listings:not(.wpem-event-listing-list-view)
4011    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4012    .wpem-event-title {
4013        display: flex !important;
4014        align-items: flex-end !important;
4015
4016        width: 100% !important;
4017        min-height: 46px !important;
4018        height: 46px !important;
4019
4020        margin: 0 0 11px 0 !important;
4021        padding: 0 !important;
4022
4023        overflow: hidden !important;
4024    }
4025
4026    html body
4027    .wpem-event-listings:not(.wpem-event-listing-list-view)
4028    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4029    .wpem-event-title
4030    .wpem-heading-text {
4031        display: -webkit-box !important;
4032        overflow: hidden !important;
4033
4034        width: 100% !important;
4035
4036        margin: 0 !important;
4037        padding: 0 !important;
4038
4039        -webkit-box-orient: vertical !important;
4040        -webkit-line-clamp: 2 !important;
4041    }
4042
4043    /* -----------------------------------------------------
4044       2. Datum/Uhrzeit: einheitliche gemeinsame Zeile
4045       ----------------------------------------------------- */
4046
4047    html body
4048    .wpem-event-listings:not(.wpem-event-listing-list-view)
4049    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4050    .wpem-event-date-time {
4051        display: block !important;
4052
4053        width: 100% !important;
4054        min-height: 19px !important;
4055        height: 19px !important;
4056
4057        margin: 0 0 7px 0 !important;
4058        padding: 0 !important;
4059
4060        overflow: hidden !important;
4061        white-space: nowrap !important;
4062        text-overflow: ellipsis !important;
4063    }
4064
4065    /* -----------------------------------------------------
4066       3. Ort: reservierter Bereich für maximal zwei Zeilen
4067       ----------------------------------------------------- */
4068
4069    html body
4070    .wpem-event-listings:not(.wpem-event-listing-list-view)
4071    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4072    .wpem-event-location {
4073        display: -webkit-box !important;
4074        overflow: hidden !important;
4075
4076        width: 100% !important;
4077        min-height: 37px !important;
4078        height: 37px !important;
4079        max-height: 37px !important;
4080
4081        margin: 0 0 9px 0 !important;
4082        padding: 0 !important;
4083
4084        -webkit-box-orient: vertical !important;
4085        -webkit-line-clamp: 2 !important;
4086    }
4087
4088    /* -----------------------------------------------------
4089       4. ACF-WYSIWYG-Minibeschreibung:
4090          fester Bereich für maximal drei sichtbare Zeilen
4091
4092       Auch bei leerem Feld bleibt der Platz bestehen.
4093       Dadurch beginnen alle Zielgruppen-Badges auf derselben Höhe.
4094       ----------------------------------------------------- */
4095
4096    html body
4097    .wpem-event-listings:not(.wpem-event-listing-list-view)
4098    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4099    .agb-card-mini-description {
4100        display: block !important;
4101        overflow: hidden !important;
4102
4103        width: 100% !important;
4104        min-height: 54px !important;
4105        height: 54px !important;
4106        max-height: 54px !important;
4107
4108        margin: 0 0 12px 0 !important;
4109        padding: 0 !important;
4110
4111        color: #56656b !important;
4112
4113        font-size: 12.5px !important;
4114        line-height: 18px !important;
4115        font-weight: 400 !important;
4116
4117        box-sizing: border-box !important;
4118    }
4119
4120    html body
4121    .wpem-event-listings:not(.wpem-event-listing-list-view)
4122    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4123    .agb-card-mini-description
4124    p {
4125        margin: 0 !important;
4126        padding: 0 !important;
4127    }
4128
4129    html body
4130    .wpem-event-listings:not(.wpem-event-listing-list-view)
4131    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4132    .agb-card-mini-description
4133    ul,
4134    html body
4135    .wpem-event-listings:not(.wpem-event-listing-list-view)
4136    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4137    .agb-card-mini-description
4138    ol {
4139        margin: 0 !important;
4140        padding-left: 16px !important;
4141    }
4142
4143    html body
4144    .wpem-event-listings:not(.wpem-event-listing-list-view)
4145    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4146    .agb-card-mini-description
4147    * {
4148        max-width: 100% !important;
4149    }
4150
4151    /* -----------------------------------------------------
4152       5. Zielgruppen-Badge: gemeinsame Startposition
4153       ----------------------------------------------------- */
4154
4155    html body
4156    .wpem-event-listings:not(.wpem-event-listing-list-view)
4157    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4158    .wpem-event-type {
4159        min-height: 25px !important;
4160        margin-top: 0 !important;
4161    }
4162
4163    /*
4164     * Altes zusätzliches WPEM-Ticketart-Badge („Kostenlos")
4165     * in der 4-Spalten-Testansicht ausblenden.
4166     */
4167    html body
4168    .wpem-event-listings:not(.wpem-event-listing-list-view)
4169    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4170    .wpem-event-ticket-type {
4171        display: none !important;
4172    }
4173}
4174
4175/* =========================================================
4176   Außerhalb der Desktop-4-Spaltenansicht keine Minibeschreibung
4177   ========================================================= */
4178
4179@media (max-width: 1399px) {
4180    html body
4181    .agb-card-mini-description {
4182        display: none !important;
4183    }
4184}
4185
4186html body
4187.wpem-event-listings.wpem-event-listing-list-view
4188.agb-card-mini-description {
4189    display: none !important;
4190}
4191
4192/* =========================================================
4193   AGB – v5 ICON-ABSTAND + TITEL-FIX
4194   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4195   ========================================================= */
4196
4197@media (min-width: 1400px) {
4198
4199    /* -----------------------------------------------------
4200       1. Titel: keine abgeschnittene obere Zeile
4201
4202       Der Titelbereich bleibt unten ausgerichtet.
4203       Einzeilige Titel bleiben an ihrer bisherigen Grundlinie.
4204       Zweizeilige Titel wachsen nach oben.
4205       ----------------------------------------------------- */
4206
4207    html body
4208    .wpem-event-listings:not(.wpem-event-listing-list-view)
4209    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4210    .wpem-event-title {
4211        display: flex !important;
4212        align-items: flex-end !important;
4213
4214        min-height: 50px !important;
4215        height: 50px !important;
4216
4217        overflow: visible !important;
4218    }
4219
4220    html body
4221    .wpem-event-listings:not(.wpem-event-listing-list-view)
4222    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4223    .wpem-event-title
4224    .wpem-heading-text {
4225        display: block !important;
4226
4227        width: 100% !important;
4228        max-height: 46px !important;
4229
4230        margin: 0 !important;
4231        padding: 0 !important;
4232
4233        overflow: hidden !important;
4234
4235        background: transparent !important;
4236        box-shadow: none !important;
4237
4238        line-height: 23px !important;
4239        white-space: normal !important;
4240
4241        -webkit-box-orient: initial !important;
4242        -webkit-line-clamp: initial !important;
4243    }
4244
4245    /* -----------------------------------------------------
4246       2. Datum/Uhrzeit: Text mit Abstand zum Uhr-Icon
4247       ----------------------------------------------------- */
4248
4249    html body
4250    .wpem-event-listings:not(.wpem-event-listing-list-view)
4251    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4252    .wpem-event-date-time {
4253        position: relative !important;
4254
4255        padding: 0 !important;
4256        overflow: hidden !important;
4257    }
4258
4259    html body
4260    .wpem-event-listings:not(.wpem-event-listing-list-view)
4261    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4262    .wpem-event-date-time
4263    .wpem-event-date-time-text {
4264        display: block !important;
4265
4266        width: 100% !important;
4267        min-width: 0 !important;
4268
4269        margin: 0 !important;
4270        padding: 0 0 0 24px !important;
4271
4272        overflow: hidden !important;
4273        white-space: nowrap !important;
4274        text-overflow: ellipsis !important;
4275
4276        box-sizing: border-box !important;
4277    }
4278
4279    /* -----------------------------------------------------
4280       3. Ort: Text mit Abstand zum Standort-Icon
4281       und weiterhin maximal zwei Zeilen
4282       ----------------------------------------------------- */
4283
4284    html body
4285    .wpem-event-listings:not(.wpem-event-listing-list-view)
4286    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4287    .wpem-event-location {
4288        display: block !important;
4289        position: relative !important;
4290
4291        padding: 0 !important;
4292        overflow: hidden !important;
4293
4294        -webkit-box-orient: initial !important;
4295        -webkit-line-clamp: initial !important;
4296    }
4297
4298    html body
4299    .wpem-event-listings:not(.wpem-event-listing-list-view)
4300    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4301    .wpem-event-location
4302    .wpem-event-location-text {
4303        display: -webkit-box !important;
4304        overflow: hidden !important;
4305
4306        width: 100% !important;
4307        min-width: 0 !important;
4308        max-height: 37px !important;
4309
4310        margin: 0 !important;
4311        padding: 0 0 0 24px !important;
4312
4313        white-space: normal !important;
4314
4315        -webkit-box-orient: vertical !important;
4316        -webkit-line-clamp: 2 !important;
4317
4318        box-sizing: border-box !important;
4319    }
4320}
4321
4322/* =========================================================
4323   AGB – v6 KOMPAKTER + META 14PX
4324   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4325
4326   Ziel:
4327   - Datum/Uhrzeit und Ort 1px größer
4328   - weniger Gesamthöhe im weißen Card-Bereich
4329   - bestehende horizontale Ausrichtung bleibt erhalten
4330   ========================================================= */
4331
4332@media (min-width: 1400px) {
4333
4334    /* Weißer Inhaltsbereich kompakter. */
4335    html body
4336    .wpem-event-listings:not(.wpem-event-listing-list-view)
4337    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4338    .wpem-event-infomation {
4339        padding: 14px 18px 16px 18px !important;
4340    }
4341
4342    /*
4343     * Titel bleibt unten ausgerichtet.
4344     * Zwei Zeilen passen weiterhin, der reservierte Bereich wird
4345     * aber etwas kompakter.
4346     */
4347    html body
4348    .wpem-event-listings:not(.wpem-event-listing-list-view)
4349    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4350    .wpem-event-title {
4351        min-height: 48px !important;
4352        height: 48px !important;
4353
4354        margin-bottom: 8px !important;
4355    }
4356
4357    html body
4358    .wpem-event-listings:not(.wpem-event-listing-list-view)
4359    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4360    .wpem-event-title
4361    .wpem-heading-text {
4362        max-height: 44px !important;
4363        line-height: 22px !important;
4364    }
4365
4366    /* Datum/Uhrzeit und Ort jeweils 1px größer. */
4367    html body
4368    .wpem-event-listings:not(.wpem-event-listing-list-view)
4369    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4370    .wpem-event-date-time,
4371    html body
4372    .wpem-event-listings:not(.wpem-event-listing-list-view)
4373    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4374    .wpem-event-location {
4375        font-size: 14px !important;
4376        line-height: 1.28 !important;
4377    }
4378
4379    /* Datum/Uhrzeit kompakter, aber weiterhin einheitlich. */
4380    html body
4381    .wpem-event-listings:not(.wpem-event-listing-list-view)
4382    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4383    .wpem-event-date-time {
4384        min-height: 20px !important;
4385        height: 20px !important;
4386
4387        margin-bottom: 5px !important;
4388    }
4389
4390    /* Ort bleibt für maximal zwei Zeilen reserviert, aber enger. */
4391    html body
4392    .wpem-event-listings:not(.wpem-event-listing-list-view)
4393    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4394    .wpem-event-location {
4395        min-height: 34px !important;
4396        height: 34px !important;
4397        max-height: 34px !important;
4398
4399        margin-bottom: 7px !important;
4400    }
4401
4402    html body
4403    .wpem-event-listings:not(.wpem-event-listing-list-view)
4404    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4405    .wpem-event-location
4406    .wpem-event-location-text {
4407        max-height: 34px !important;
4408    }
4409
4410    /*
4411     * Minibeschreibung bleibt bei maximal drei Zeilen.
4412     * Zeilenhöhe und Reservierung werden kompakter:
4413     * 3 × 16px = 48px.
4414     */
4415    html body
4416    .wpem-event-listings:not(.wpem-event-listing-list-view)
4417    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4418    .agb-card-mini-description {
4419        min-height: 48px !important;
4420        height: 48px !important;
4421        max-height: 48px !important;
4422
4423        margin-bottom: 9px !important;
4424
4425        line-height: 16px !important;
4426    }
4427
4428    html body
4429    .wpem-event-listings:not(.wpem-event-listing-list-view)
4430    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4431    .agb-card-mini-description
4432    br {
4433        line-height: 16px !important;
4434    }
4435
4436    /* Badge-Zeile minimal kompakter. */
4437    html body
4438    .wpem-event-listings:not(.wpem-event-listing-list-view)
4439    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4440    .wpem-event-type {
4441        min-height: 23px !important;
4442    }
4443}
4444
4445/*
4446 * Auch auf sehr breiten Desktops kompakt bleiben.
4447 * Überschreibt die frühere luftigere Regel ab 1800px.
4448 */
4449@media (min-width: 1800px) {
4450
4451    html body
4452    .wpem-event-listings:not(.wpem-event-listing-list-view)
4453    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4454    .wpem-event-infomation {
4455        padding: 15px 19px 17px 19px !important;
4456    }
4457}
4458
4459/* =========================================================
4460   AGB – v7 WENIGER TITELRAUM + MINIBESCHREIBUNG MIT ICON
4461   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4462   ========================================================= */
4463
4464@media (min-width: 1400px) {
4465
4466    /* -----------------------------------------------------
4467       1. Weniger Leerraum über dem Titel
4468       ----------------------------------------------------- */
4469
4470    html body
4471    .wpem-event-listings:not(.wpem-event-listing-list-view)
4472    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4473    .wpem-event-infomation {
4474        padding-top: 10px !important;
4475    }
4476
4477    html body
4478    .wpem-event-listings:not(.wpem-event-listing-list-view)
4479    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4480    .wpem-event-title {
4481        min-height: 42px !important;
4482        height: 42px !important;
4483
4484        margin-bottom: 8px !important;
4485    }
4486
4487    html body
4488    .wpem-event-listings:not(.wpem-event-listing-list-view)
4489    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4490    .wpem-event-title
4491    .wpem-heading-text {
4492        max-height: 42px !important;
4493        line-height: 21px !important;
4494    }
4495
4496    /* -----------------------------------------------------
4497       2. Minibeschreibung mit eigenem Icon und gleicher
4498          Texteinrückung wie Datum/Uhrzeit und Ort
4499       ----------------------------------------------------- */
4500
4501    html body
4502    .wpem-event-listings:not(.wpem-event-listing-list-view)
4503    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4504    .agb-card-mini-description {
4505        position: relative !important;
4506
4507        padding-left: 24px !important;
4508
4509        box-sizing: border-box !important;
4510    }
4511
4512    html body
4513    .wpem-event-listings:not(.wpem-event-listing-list-view)
4514    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4515    .agb-card-mini-description::before {
4516        content: "" !important;
4517
4518        position: absolute !important;
4519        top: 1px !important;
4520        left: 0 !important;
4521
4522        display: block !important;
4523
4524        width: 16px !important;
4525        height: 16px !important;
4526
4527        background-repeat: no-repeat !important;
4528        background-position: center !important;
4529        background-size: 16px 16px !important;
4530
4531        /*
4532         * Kleines Text-/Notiz-Icon als eingebettetes SVG.
4533         * Dadurch wird kein zusätzliches Icon-Plugin benötigt.
4534         */
4535        background-image:
4536            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6062' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8A2.5 2.5 0 0 1 17.5 16H10l-4.5 4v-4A2.5 2.5 0 0 1 3 13.5v-8Z'/%3E%3Cpath d='M8 8h8M8 11h6'/%3E%3C/svg%3E") !important;
4537
4538        pointer-events: none !important;
4539    }
4540
4541    /*
4542     * Leere Minibeschreibung reserviert weiterhin dieselbe Höhe,
4543     * zeigt aber kein einzelnes Icon ohne Text.
4544     */
4545    html body
4546    .wpem-event-listings:not(.wpem-event-listing-list-view)
4547    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4548    .agb-card-mini-description.is-empty::before {
4549        display: none !important;
4550    }
4551}
4552
4553/*
4554 * Die frühere luftigere Desktop-Regel ab 1800px darf den
4555 * verringerten oberen Abstand nicht wieder vergrößern.
4556 */
4557@media (min-width: 1800px) {
4558
4559    html body
4560    .wpem-event-listings:not(.wpem-event-listing-list-view)
4561    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4562    .wpem-event-infomation {
4563        padding-top: 10px !important;
4564    }
4565}
4566
4567/* =========================================================
4568   AGB – v8 TITEL WEITER NACH OBEN
4569   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4570   ========================================================= */
4571
4572@media (min-width: 1400px) {
4573
4574    /*
4575     * Oberen Innenabstand des weißen Card-Bereichs weiter reduzieren.
4576     * Dadurch rückt der komplette Titelbereich sichtbar näher ans Bild.
4577     */
4578    html body
4579    .wpem-event-listings:not(.wpem-event-listing-list-view)
4580    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4581    .wpem-event-infomation {
4582        padding-top: 5px !important;
4583    }
4584}
4585
4586/*
4587 * Auch auf sehr breiten Desktops denselben reduzierten Abstand halten.
4588 */
4589@media (min-width: 1800px) {
4590
4591    html body
4592    .wpem-event-listings:not(.wpem-event-listing-list-view)
4593    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4594    .wpem-event-infomation {
4595        padding-top: 5px !important;
4596    }
4597}
4598
4599/* =========================================================
4600   AGB – v9 TITELBLOCK WIRKLICH NACH OBEN
4601   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4602
4603   Der sichtbare Leerraum kommt aus dem reservierten
4604   zweizeiligen Titelblock, nicht aus dem Padding darüber.
4605   Deshalb wird jetzt der Titelblock selbst verschoben.
4606   ========================================================= */
4607
4608@media (min-width: 1400px) {
4609
4610    html body
4611    .wpem-event-listings:not(.wpem-event-listing-list-view)
4612    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4613    .wpem-event-title {
4614        position: relative !important;
4615        top: -7px !important;
4616
4617        margin-bottom: 1px !important;
4618    }
4619}
4620
4621/* Auf sehr breiten Desktops identisch halten. */
4622@media (min-width: 1800px) {
4623
4624    html body
4625    .wpem-event-listings:not(.wpem-event-listing-list-view)
4626    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4627    .wpem-event-title {
4628        top: -7px !important;
4629        margin-bottom: 1px !important;
4630    }
4631}
4632
4633/* =========================================================
4634   AGB – v10 TITEL + ICON + CHEVRON FIX
4635   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4636   ========================================================= */
4637
4638@media (min-width: 1400px) {
4639
4640    /* -----------------------------------------------------
4641       1. Zweizeiligen Titel vollständig sichtbar halten
4642
4643       Der Titel bleibt näher am Bild, wird aber nicht mehr per
4644       top:-7px aus seinem sichtbaren Bereich geschoben.
4645       ----------------------------------------------------- */
4646
4647    html body
4648    .wpem-event-listings:not(.wpem-event-listing-list-view)
4649    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4650    .wpem-event-title {
4651        position: static !important;
4652        top: auto !important;
4653
4654        display: flex !important;
4655        align-items: flex-end !important;
4656
4657        min-height: 49px !important;
4658        height: 49px !important;
4659
4660        margin: -7px 0 2px 0 !important;
4661        padding: 0 !important;
4662
4663        overflow: visible !important;
4664    }
4665
4666    html body
4667    .wpem-event-listings:not(.wpem-event-listing-list-view)
4668    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4669    .wpem-event-title
4670    .wpem-heading-text {
4671        display: -webkit-box !important;
4672
4673        width: 100% !important;
4674        max-height: 49px !important;
4675
4676        margin: 0 !important;
4677        padding: 0 0 3px 0 !important;
4678
4679        overflow: hidden !important;
4680
4681        background: transparent !important;
4682        box-shadow: none !important;
4683
4684        line-height: 22px !important;
4685        white-space: normal !important;
4686
4687        -webkit-box-orient: vertical !important;
4688        -webkit-line-clamp: 2 !important;
4689
4690        box-sizing: border-box !important;
4691    }
4692
4693    /* -----------------------------------------------------
4694       2. Uhr- und Standort-Icon nicht mehr links beschneiden
4695
4696       Der äußere Block darf das Icon nicht abschneiden.
4697       Nur der eigentliche Text bleibt bei Bedarf gekürzt.
4698       ----------------------------------------------------- */
4699
4700    html body
4701    .wpem-event-listings:not(.wpem-event-listing-list-view)
4702    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4703    .wpem-event-date-time,
4704    html body
4705    .wpem-event-listings:not(.wpem-event-listing-list-view)
4706    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4707    .wpem-event-location {
4708        overflow: visible !important;
4709    }
4710
4711    html body
4712    .wpem-event-listings:not(.wpem-event-listing-list-view)
4713    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4714    .wpem-event-date-time
4715    .wpem-event-date-time-text,
4716    html body
4717    .wpem-event-listings:not(.wpem-event-listing-list-view)
4718    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4719    .wpem-event-location
4720    .wpem-event-location-text {
4721        position: relative !important;
4722
4723        padding-left: 26px !important;
4724
4725        box-sizing: border-box !important;
4726    }
4727
4728    /*
4729     * WPEM positioniert seine Icon-Pseudoelemente teils minimal
4730     * außerhalb der Textfläche. Diese Regeln ziehen sie vollständig
4731     * in den sichtbaren Bereich.
4732     */
4733    html body
4734    .wpem-event-listings:not(.wpem-event-listing-list-view)
4735    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4736    .wpem-event-date-time
4737    .wpem-event-date-time-text::before,
4738    html body
4739    .wpem-event-listings:not(.wpem-event-listing-list-view)
4740    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4741    .wpem-event-location
4742    .wpem-event-location-text::before {
4743        left: 1px !important;
4744        margin-left: 0 !important;
4745
4746        transform: none !important;
4747    }
4748
4749    /* Falls das aktive WPEM-CSS das Icon am äußeren Block erzeugt. */
4750    html body
4751    .wpem-event-listings:not(.wpem-event-listing-list-view)
4752    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4753    .wpem-event-date-time::before,
4754    html body
4755    .wpem-event-listings:not(.wpem-event-listing-list-view)
4756    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4757    .wpem-event-location::before {
4758        left: 1px !important;
4759        margin-left: 0 !important;
4760
4761        transform: none !important;
4762    }
4763
4764    /* -----------------------------------------------------
4765       3. Minibeschreibung: scharfes Doppel-Chevron wie Vorlage
4766
4767       Kein Bild und kein SVG mehr.
4768       Beide Pfeile werden direkt mit CSS-Bordern gezeichnet.
4769       ----------------------------------------------------- */
4770
4771    html body
4772    .wpem-event-listings:not(.wpem-event-listing-list-view)
4773    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4774    .agb-card-mini-description {
4775        position: relative !important;
4776
4777        padding-left: 26px !important;
4778
4779        box-sizing: border-box !important;
4780    }
4781
4782    /* Altes SVG vollständig entfernen. */
4783    html body
4784    .wpem-event-listings:not(.wpem-event-listing-list-view)
4785    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4786    .agb-card-mini-description::before,
4787    html body
4788    .wpem-event-listings:not(.wpem-event-listing-list-view)
4789    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4790    .agb-card-mini-description::after {
4791        content: "" !important;
4792
4793        position: absolute !important;
4794        top: 4px !important;
4795
4796        display: block !important;
4797
4798        width: 9px !important;
4799        height: 9px !important;
4800
4801        margin: 0 !important;
4802        padding: 0 !important;
4803
4804        border-top: 4px solid #5b6062 !important;
4805        border-right: 4px solid #5b6062 !important;
4806        border-bottom: 0 !important;
4807        border-left: 0 !important;
4808        border-radius: 1px !important;
4809
4810        background: none !important;
4811        background-image: none !important;
4812
4813        box-shadow: none !important;
4814
4815        transform: rotate(45deg) !important;
4816        transform-origin: center !important;
4817
4818        pointer-events: none !important;
4819        box-sizing: border-box !important;
4820    }
4821
4822    html body
4823    .wpem-event-listings:not(.wpem-event-listing-list-view)
4824    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4825    .agb-card-mini-description::before {
4826        left: -1px !important;
4827    }
4828
4829    html body
4830    .wpem-event-listings:not(.wpem-event-listing-list-view)
4831    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4832    .agb-card-mini-description::after {
4833        left: 7px !important;
4834    }
4835
4836    /* Bei leerem Feld weder ersten noch zweiten Pfeil anzeigen. */
4837    html body
4838    .wpem-event-listings:not(.wpem-event-listing-list-view)
4839    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4840    .agb-card-mini-description.is-empty::before,
4841    html body
4842    .wpem-event-listings:not(.wpem-event-listing-list-view)
4843    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4844    .agb-card-mini-description.is-empty::after {
4845        display: none !important;
4846    }
4847}
4848
4849/* Auf sehr breiten Desktops dieselben finalen Titelwerte halten. */
4850@media (min-width: 1800px) {
4851
4852    html body
4853    .wpem-event-listings:not(.wpem-event-listing-list-view)
4854    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4855    .wpem-event-title {
4856        top: auto !important;
4857        margin-top: -7px !important;
4858        margin-bottom: 2px !important;
4859    }
4860}
4861
4862/* =========================================================
4863   AGB – v11 ORIGINAL-ICON + MINIMAL MEHR ZEILENABSTAND
4864   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4865   ========================================================= */
4866
4867@media (min-width: 1400px) {
4868
4869    /*
4870     * Minibeschreibung:
4871     * exakt das vom Nutzer vorgegebene Kreis-/Pfeil-/Punkt-Symbol.
4872     */
4873    html body
4874    .wpem-event-listings:not(.wpem-event-listing-list-view)
4875    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4876    .agb-card-mini-description {
4877        padding-left: 27px !important;
4878
4879        min-height: 51px !important;
4880        height: 51px !important;
4881        max-height: 51px !important;
4882
4883        line-height: 17px !important;
4884    }
4885
4886    html body
4887    .wpem-event-listings:not(.wpem-event-listing-list-view)
4888    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4889    .agb-card-mini-description::before {
4890        content: "" !important;
4891
4892        position: absolute !important;
4893        top: 1px !important;
4894        left: 0 !important;
4895
4896        display: block !important;
4897
4898        width: 18px !important;
4899        height: 18px !important;
4900
4901        margin: 0 !important;
4902        padding: 0 !important;
4903
4904        border: 0 !important;
4905        border-radius: 0 !important;
4906
4907        background-color: transparent !important;
4908        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%0A%20%20%3Cpath%20fill%3D%22%235b6062%22%20d%3D%22M250%2C24.24c30.49%2C0%2C60.05%2C5.97%2C87.87%2C17.73%2C26.88%2C11.37%2C51.03%2C27.65%2C71.77%2C48.39%2C20.74%2C20.74%2C37.02%2C44.89%2C48.39%2C71.77%2C11.77%2C27.82%2C17.73%2C57.38%2C17.73%2C87.87s-5.97%2C60.05-17.73%2C87.87c-11.37%2C26.88-27.65%2C51.03-48.39%2C71.77-20.74%2C20.74-44.89%2C37.02-71.77%2C48.39-27.82%2C11.77-57.38%2C17.73-87.87%2C17.73s-60.05-5.97-87.87-17.73c-26.88-11.37-51.03-27.65-71.77-48.39-20.74-20.74-37.02-44.89-48.39-71.77-11.77-27.82-17.73-57.38-17.73-87.87s5.97-60.05%2C17.73-87.87c11.37-26.88%2C27.65-51.03%2C48.39-71.77%2C20.74-20.74%2C44.89-37.02%2C71.77-48.39%2C27.82-11.77%2C57.38-17.73%2C87.87-17.73M250%2C4.24C114.27%2C4.24%2C4.24%2C114.27%2C4.24%2C250s110.03%2C245.76%2C245.76%2C245.76%2C245.76-110.03%2C245.76-245.76S385.73%2C4.24%2C250%2C4.24h0Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%235b6062%22%20d%3D%22M390.32%2C200.91c17.87%2C12.16%2C32.3%2C22.91%2C32.3%2C49.09s-14.43%2C36.93-32.3%2C49.09l-159.42%2C108.46c-9.62%2C6.55-14.77%2C8.41-20.61%2C8.41-12.37%2C0-21.65-15.9-21.65-31.79%2C0-17.3%2C9.62-25.71%2C21.3-33.66l147.4-100.51-147.4-100.51c-11.68-7.95-21.3-16.36-21.3-33.66%2C0-15.9%2C9.28-31.79%2C21.65-31.79%2C5.84%2C0%2C10.99%2C1.87%2C20.61%2C8.41l159.42%2C108.46Z%22%2F%3E%0A%20%20%3Ccircle%20fill%3D%22%235b6062%22%20cx%3D%22178.68%22%20cy%3D%22250%22%20r%3D%2246.36%22%2F%3E%0A%3C%2Fsvg%3E") !important;
4909        background-repeat: no-repeat !important;
4910        background-position: center !important;
4911        background-size: 18px 18px !important;
4912
4913        box-shadow: none !important;
4914
4915        transform: none !important;
4916        pointer-events: none !important;
4917    }
4918
4919    /*
4920     * Das bisherige zweite CSS-Chevron vollständig entfernen.
4921     */
4922    html body
4923    .wpem-event-listings:not(.wpem-event-listing-list-view)
4924    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4925    .agb-card-mini-description::after {
4926        content: none !important;
4927        display: none !important;
4928        background: none !important;
4929        border: 0 !important;
4930    }
4931
4932    html body
4933    .wpem-event-listings:not(.wpem-event-listing-list-view)
4934    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4935    .agb-card-mini-description
4936    p {
4937        line-height: 17px !important;
4938    }
4939
4940    html body
4941    .wpem-event-listings:not(.wpem-event-listing-list-view)
4942    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4943    .agb-card-mini-description
4944    br {
4945        line-height: 17px !important;
4946    }
4947
4948    /*
4949     * Bei leerem Feld bleibt der Platz reserviert,
4950     * das Symbol wird jedoch nicht angezeigt.
4951     */
4952    html body
4953    .wpem-event-listings:not(.wpem-event-listing-list-view)
4954    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4955    .agb-card-mini-description.is-empty::before {
4956        display: none !important;
4957    }
4958}
4959
4960/* =========================================================
4961   AGB – v12 EXTERNES ILLUSTRATOR-SVG
4962   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
4963   ========================================================= */
4964
4965@media (min-width: 1400px) {
4966
4967    html body
4968    .wpem-event-listings:not(.wpem-event-listing-list-view)
4969    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
4970    .agb-card-mini-description::before {
4971        content: "" !important;
4972
4973        position: absolute !important;
4974        top: 1px !important;
4975        left: 0 !important;
4976
4977        display: block !important;
4978
4979        width: 18px !important;
4980        height: 18px !important;
4981
4982        margin: 0 !important;
4983        padding: 0 !important;
4984
4985        border: 0 !important;
4986        border-radius: 0 !important;
4987
4988        background-color: transparent !important;
4989        background-image:
4990            url("/agb/wp-content/themes/Avada-Child-Theme/assets/icons/card/minibeschreibung.svg") !important;
4991        background-repeat: no-repeat !important;
4992        background-position: center !important;
4993        background-size: contain !important;
4994
4995        box-shadow: none !important;
4996
4997        transform: none !important;
4998        pointer-events: none !important;
4999    }
5000
5001    html body
5002    .wpem-event-listings:not(.wpem-event-listing-list-view)
5003    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5004    .agb-card-mini-description::after {
5005        content: none !important;
5006        display: none !important;
5007    }
5008
5009    html body
5010    .wpem-event-listings:not(.wpem-event-listing-list-view)
5011    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5012    .agb-card-mini-description.is-empty::before {
5013        display: none !important;
5014    }
5015}
5016
5017/* =========================================================
5018   AGB – v13 EXTERNES SVG: ÖFFENTLICHER PFAD
5019   Der FTP-Ordner /agb ist sehr wahrscheinlich nur das
5020   Server-Verzeichnis und kein Bestandteil der öffentlichen URL.
5021   ========================================================= */
5022
5023@media (min-width: 1400px) {
5024
5025    html body
5026    .wpem-event-listings:not(.wpem-event-listing-list-view)
5027    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5028    .agb-card-mini-description::before {
5029        background-image:
5030            url("https://www.die-agb.de/wp-content/themes/Avada-Child-Theme/assets/icons/card/minibeschreibung.svg") !important;
5031        background-size: contain !important;
5032        background-repeat: no-repeat !important;
5033        background-position: center !important;
5034    }
5035}
5036
5037/* =========================================================
5038   AGB – v14 MINIBESCHREIBUNG: MINIMAL MEHR ZEILENABSTAND
5039   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
5040   ========================================================= */
5041
5042@media (min-width: 1400px) {
5043
5044    html body
5045    .wpem-event-listings:not(.wpem-event-listing-list-view)
5046    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5047    .agb-card-mini-description {
5048        min-height: 54px !important;
5049        height: 54px !important;
5050        max-height: 54px !important;
5051
5052        line-height: 18px !important;
5053    }
5054
5055    html body
5056    .wpem-event-listings:not(.wpem-event-listing-list-view)
5057    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5058    .agb-card-mini-description
5059    p,
5060    html body
5061    .wpem-event-listings:not(.wpem-event-listing-list-view)
5062    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5063    .agb-card-mini-description
5064    br {
5065        line-height: 18px !important;
5066    }
5067}
5068
5069/* =========================================================
5070   AGB – v15 MINIBESCHREIBUNG + ZIELGRUPPE-ICON
5071   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
5072   ========================================================= */
5073
5074@media (min-width: 1400px) {
5075
5076    /* Minibeschreibung 0,5px größer. */
5077    html body
5078    .wpem-event-listings:not(.wpem-event-listing-list-view)
5079    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5080    .agb-card-mini-description {
5081        font-size: 13px !important;
5082    }
5083
5084    /*
5085     * Zielgruppen-Badge wie die übrigen Meta-Texte einrücken.
5086     * Das Icon sitzt links, das Badge beginnt bei 26px.
5087     */
5088    html body
5089    .wpem-event-listings:not(.wpem-event-listing-list-view)
5090    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5091    .wpem-event-type {
5092        position: relative !important;
5093
5094        display: block !important;
5095
5096        width: 100% !important;
5097        min-height: 25px !important;
5098
5099        margin: 0 !important;
5100        padding: 0 0 0 26px !important;
5101
5102        box-sizing: border-box !important;
5103    }
5104
5105    html body
5106    .wpem-event-listings:not(.wpem-event-listing-list-view)
5107    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5108    .wpem-event-type::before {
5109        content: "" !important;
5110
5111        position: absolute !important;
5112        top: 3px !important;
5113        left: 0 !important;
5114
5115        display: block !important;
5116
5117        width: 18px !important;
5118        height: 18px !important;
5119
5120        margin: 0 !important;
5121        padding: 0 !important;
5122
5123        border: 0 !important;
5124        border-radius: 0 !important;
5125
5126        background-color: transparent !important;
5127        background-image:
5128            url("https://www.die-agb.de/wp-content/themes/Avada-Child-Theme/assets/icons/card/zielgruppe.svg") !important;
5129        background-repeat: no-repeat !important;
5130        background-position: center !important;
5131        background-size: contain !important;
5132
5133        box-shadow: none !important;
5134
5135        pointer-events: none !important;
5136    }
5137
5138    /*
5139     * Der sichtbare Badge bleibt das innere WPEM-Element.
5140     * Nur die Position wird durch den äußeren eingerückten Wrapper bestimmt.
5141     */
5142    html body
5143    .wpem-event-listings:not(.wpem-event-listing-list-view)
5144    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5145    .wpem-event-type
5146    .wpem-event-type-text {
5147        margin: 0 !important;
5148    }
5149}
5150
5151/* =========================================================
5152   EIGENE ÄNDERUNGEN ÜBERNOMMEN
5153   Minibeschreibung: 58px Höhe, 20px Zeilenhöhe
5154   ========================================================= */
5155
5156@media (min-width: 1400px) {
5157
5158    html body
5159    .wpem-event-listings:not(.wpem-event-listing-list-view)
5160    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5161    .agb-card-mini-description {
5162        min-height: 58px !important;
5163        height: 58px !important;
5164        max-height: 58px !important;
5165
5166        line-height: 20px !important;
5167    }
5168
5169    html body
5170    .wpem-event-listings:not(.wpem-event-listing-list-view)
5171    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5172    .agb-card-mini-description
5173    p,
5174    html body
5175    .wpem-event-listings:not(.wpem-event-listing-list-view)
5176    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5177    .agb-card-mini-description
5178    br {
5179        line-height: 20px !important;
5180    }
5181}
5182
5183/* =========================================================
5184   AGB – v16 ZIELGRUPPE: EINRÜCKUNG + GLEICHE HÖHE
5185   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
5186
5187   Der Zielgruppenbereich wird als echtes 2-Spalten-Grid aufgebaut:
5188   Icon | Badge
5189   ========================================================= */
5190
5191@media (min-width: 1400px) {
5192
5193    html body
5194    .wpem-event-listings:not(.wpem-event-listing-list-view)
5195    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5196    .wpem-event-type {
5197        position: relative !important;
5198
5199        display: grid !important;
5200        grid-template-columns: 18px minmax(0, 1fr) !important;
5201        column-gap: 8px !important;
5202        align-items: center !important;
5203
5204        width: 100% !important;
5205        min-width: 0 !important;
5206
5207        min-height: 25px !important;
5208        height: 25px !important;
5209        max-height: 25px !important;
5210
5211        margin: 0 !important;
5212        padding: 0 !important;
5213
5214        overflow: visible !important;
5215        box-sizing: border-box !important;
5216    }
5217
5218    /*
5219     * Icon ist jetzt ein normales Grid-Element.
5220     * Dadurch kann es das Badge nicht mehr überlagern.
5221     */
5222    html body
5223    .wpem-event-listings:not(.wpem-event-listing-list-view)
5224    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5225    .wpem-event-type::before {
5226        content: "" !important;
5227
5228        position: static !important;
5229
5230        display: block !important;
5231        grid-column: 1 !important;
5232
5233        width: 18px !important;
5234        height: 18px !important;
5235
5236        margin: 0 !important;
5237        padding: 0 !important;
5238
5239        border: 0 !important;
5240        border-radius: 0 !important;
5241
5242        background-color: transparent !important;
5243        background-image:
5244            url("https://www.die-agb.de/wp-content/themes/Avada-Child-Theme/assets/icons/card/zielgruppe.svg") !important;
5245        background-repeat: no-repeat !important;
5246        background-position: center !important;
5247        background-size: contain !important;
5248
5249        box-shadow: none !important;
5250
5251        transform: none !important;
5252        pointer-events: none !important;
5253    }
5254
5255    /*
5256     * Mögliche WPEM-Zwischenebenen ebenfalls in die zweite Spalte setzen.
5257     */
5258    html body
5259    .wpem-event-listings:not(.wpem-event-listing-list-view)
5260    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5261    .wpem-event-type
5262    > a,
5263    html body
5264    .wpem-event-listings:not(.wpem-event-listing-list-view)
5265    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5266    .wpem-event-type
5267    > span {
5268        grid-column: 2 !important;
5269        justify-self: start !important;
5270        align-self: center !important;
5271
5272        width: auto !important;
5273        max-width: 100% !important;
5274
5275        margin: 0 !important;
5276    }
5277
5278    /*
5279     * Sichtbares Badge exakt mittig zur Icon-Höhe halten.
5280     */
5281    html body
5282    .wpem-event-listings:not(.wpem-event-listing-list-view)
5283    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5284    .wpem-event-type
5285    .wpem-event-type-text {
5286        display: inline-flex !important;
5287        align-items: center !important;
5288        justify-content: flex-start !important;
5289
5290        width: auto !important;
5291        min-height: 25px !important;
5292        height: 25px !important;
5293        max-height: 25px !important;
5294
5295        margin: 0 !important;
5296
5297        box-sizing: border-box !important;
5298    }
5299}
5300
5301/* =========================================================
5302   AGB – v17 ZIELGRUPPE: FLEX-FIX
5303   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
5304
5305   Ziel:
5306   [Icon] [Badge]
5307   Beide nebeneinander und vertikal mittig.
5308   ========================================================= */
5309
5310@media (min-width: 1400px) {
5311
5312    html body
5313    .wpem-event-listings:not(.wpem-event-listing-list-view)
5314    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5315    .wpem-event-type {
5316        position: relative !important;
5317
5318        display: flex !important;
5319        flex-direction: row !important;
5320        flex-wrap: nowrap !important;
5321        align-items: center !important;
5322        justify-content: flex-start !important;
5323        gap: 8px !important;
5324
5325        width: 100% !important;
5326        min-width: 0 !important;
5327
5328        min-height: 25px !important;
5329        height: 25px !important;
5330        max-height: 25px !important;
5331
5332        margin: 0 !important;
5333        padding: 0 !important;
5334
5335        overflow: visible !important;
5336        box-sizing: border-box !important;
5337    }
5338
5339    /* Das Zielgruppen-Icon als festes erstes Flex-Element. */
5340    html body
5341    .wpem-event-listings:not(.wpem-event-listing-list-view)
5342    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5343    .wpem-event-type::before {
5344        content: "" !important;
5345
5346        position: static !important;
5347
5348        display: block !important;
5349        flex: 0 0 18px !important;
5350
5351        width: 18px !important;
5352        min-width: 18px !important;
5353        max-width: 18px !important;
5354
5355        height: 18px !important;
5356        min-height: 18px !important;
5357        max-height: 18px !important;
5358
5359        margin: 0 !important;
5360        padding: 0 !important;
5361
5362        border: 0 !important;
5363        border-radius: 0 !important;
5364
5365        background-color: transparent !important;
5366        background-image:
5367            url("https://www.die-agb.de/wp-content/themes/Avada-Child-Theme/assets/icons/card/zielgruppe.svg") !important;
5368        background-repeat: no-repeat !important;
5369        background-position: center !important;
5370        background-size: contain !important;
5371
5372        box-shadow: none !important;
5373        transform: none !important;
5374        pointer-events: none !important;
5375    }
5376
5377    /*
5378     * Egal ob WPEM einen Link oder einen direkten Span verwendet:
5379     * Das sichtbare Badge bleibt als zweites Flex-Element daneben.
5380     */
5381    html body
5382    .wpem-event-listings:not(.wpem-event-listing-list-view)
5383    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5384    .wpem-event-type
5385    > a,
5386    html body
5387    .wpem-event-listings:not(.wpem-event-listing-list-view)
5388    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5389    .wpem-event-type
5390    > span {
5391        position: static !important;
5392
5393        display: inline-flex !important;
5394        flex: 0 1 auto !important;
5395        align-items: center !important;
5396        justify-content: flex-start !important;
5397
5398        width: auto !important;
5399        max-width: calc(100% - 26px) !important;
5400        min-width: 0 !important;
5401
5402        height: auto !important;
5403        min-height: 0 !important;
5404        max-height: none !important;
5405
5406        margin: 0 !important;
5407        padding: 0 !important;
5408
5409        float: none !important;
5410        clear: none !important;
5411
5412        left: auto !important;
5413        right: auto !important;
5414        top: auto !important;
5415        bottom: auto !important;
5416
5417        transform: none !important;
5418        box-sizing: border-box !important;
5419    }
5420
5421    /* Das eigentliche sichtbare Badge vertikal sauber zentrieren. */
5422    html body
5423    .wpem-event-listings:not(.wpem-event-listing-list-view)
5424    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5425    .wpem-event-type
5426    .wpem-event-type-text {
5427        position: static !important;
5428
5429        display: inline-flex !important;
5430        align-items: center !important;
5431        justify-content: flex-start !important;
5432
5433        width: auto !important;
5434        max-width: 100% !important;
5435        min-width: 0 !important;
5436
5437        min-height: 25px !important;
5438        height: 25px !important;
5439        max-height: 25px !important;
5440
5441        margin: 0 !important;
5442
5443        float: none !important;
5444        clear: none !important;
5445
5446        left: auto !important;
5447        right: auto !important;
5448        top: auto !important;
5449        bottom: auto !important;
5450
5451        transform: none !important;
5452        box-sizing: border-box !important;
5453    }
5454}
5455
5456/* =========================================================
5457   AGB – v18 ZIELGRUPPE: EXAKTER DOM-FIX
5458   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
5459
5460   Tatsächliches HTML:
5461   .wpem-event-type
5462     > a.wpem-event-action-url   (leerer Card-Overlay-Link)
5463     > a                         (echter Zielgruppen-Link)
5464       > span.wpem-event-type-text
5465
5466   Der leere erste Link wird hier gezielt entfernt.
5467   ========================================================= */
5468
5469@media (min-width: 1400px) {
5470
5471    html body
5472    .wpem-event-listings:not(.wpem-event-listing-list-view)
5473    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5474    .wpem-event-type {
5475        display: flex !important;
5476        flex-direction: row !important;
5477        flex-wrap: nowrap !important;
5478        align-items: center !important;
5479        justify-content: flex-start !important;
5480        gap: 8px !important;
5481
5482        width: 100% !important;
5483        min-width: 0 !important;
5484
5485        min-height: 25px !important;
5486        height: 25px !important;
5487        max-height: 25px !important;
5488
5489        margin: 0 !important;
5490        padding: 0 !important;
5491
5492        overflow: visible !important;
5493        box-sizing: border-box !important;
5494    }
5495
5496    /*
5497     * Leerer Card-Overlay-Link innerhalb des Zielgruppen-Wrappers.
5498     * Genau dieser zusätzliche Link hat Icon und Badge auseinandergezogen.
5499     */
5500    html body
5501    .wpem-event-listings:not(.wpem-event-listing-list-view)
5502    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5503    .wpem-event-type
5504    > a.wpem-event-action-url {
5505        display: none !important;
5506        visibility: hidden !important;
5507
5508        flex: 0 0 0 !important;
5509
5510        width: 0 !important;
5511        min-width: 0 !important;
5512        max-width: 0 !important;
5513
5514        height: 0 !important;
5515        min-height: 0 !important;
5516        max-height: 0 !important;
5517
5518        margin: 0 !important;
5519        padding: 0 !important;
5520
5521        overflow: hidden !important;
5522        pointer-events: none !important;
5523    }
5524
5525    /* Zielgruppen-Icon als erstes sichtbares Flex-Element. */
5526    html body
5527    .wpem-event-listings:not(.wpem-event-listing-list-view)
5528    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5529    .wpem-event-type::before {
5530        content: "" !important;
5531
5532        position: static !important;
5533
5534        display: block !important;
5535        flex: 0 0 18px !important;
5536
5537        width: 18px !important;
5538        min-width: 18px !important;
5539        max-width: 18px !important;
5540
5541        height: 18px !important;
5542        min-height: 18px !important;
5543        max-height: 18px !important;
5544
5545        margin: 0 !important;
5546        padding: 0 !important;
5547
5548        border: 0 !important;
5549        border-radius: 0 !important;
5550
5551        background-color: transparent !important;
5552        background-image:
5553            url("https://www.die-agb.de/wp-content/themes/Avada-Child-Theme/assets/icons/card/zielgruppe.svg") !important;
5554        background-repeat: no-repeat !important;
5555        background-position: center !important;
5556        background-size: contain !important;
5557
5558        box-shadow: none !important;
5559        transform: none !important;
5560        pointer-events: none !important;
5561    }
5562
5563    /* Nur der echte Zielgruppen-Link bleibt sichtbar und sitzt rechts daneben. */
5564    html body
5565    .wpem-event-listings:not(.wpem-event-listing-list-view)
5566    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5567    .wpem-event-type
5568    > a:not(.wpem-event-action-url) {
5569        position: static !important;
5570
5571        display: inline-flex !important;
5572        flex: 0 1 auto !important;
5573        align-items: center !important;
5574        justify-content: flex-start !important;
5575
5576        width: auto !important;
5577        max-width: calc(100% - 26px) !important;
5578        min-width: 0 !important;
5579
5580        height: 25px !important;
5581        min-height: 25px !important;
5582        max-height: 25px !important;
5583
5584        margin: 0 !important;
5585        padding: 0 !important;
5586
5587        float: none !important;
5588        clear: none !important;
5589
5590        left: auto !important;
5591        right: auto !important;
5592        top: auto !important;
5593        bottom: auto !important;
5594
5595        transform: none !important;
5596        box-sizing: border-box !important;
5597    }
5598
5599    html body
5600    .wpem-event-listings:not(.wpem-event-listing-list-view)
5601    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
5602    .wpem-event-type
5603    > a:not(.wpem-event-action-url)
5604    > .wpem-event-type-text {
5605        position: static !important;
5606
5607        display: inline-flex !important;
5608        align-items: center !important;
5609        justify-content: flex-start !important;
5610
5611        width: auto !important;
5612        max-width: 100% !important;
5613        min-width: 0 !important;
5614
5615        height: 25px !important;
5616        min-height: 25px !important;
5617        max-height: 25px !important;
5618
5619        margin: 0 !important;
5620
5621        float: none !important;
5622        clear: none !important;
5623
5624        transform: none !important;
5625        box-sizing: border-box !important;
5626    }
5627}
5628
5629/* =========================================================
5630   AGB – v19 ZIELGRUPPE: STARKER EXAKTER DOM-FIX
5631   Nur Desktop ab 1400px / Card-Ansicht
5632
5633   Exakter Ist-DOM:
5634   .wpem-event-type
5635     > a.wpem-event-action-url   (leer, 0px breit)
5636     > a                         (echter Zielgruppen-Link)
5637       > span.wpem-event-type-text
5638
5639   Der Selektor hängt nicht mehr von der äußeren WPEM-View-Klasse ab.
5640   ========================================================= */
5641
5642@media (min-width: 1400px) {
5643
5644    html body
5645    .agb-event-listing-card-rounded
5646    .wpem-event-type {
5647        display: flex !important;
5648        flex-direction: row !important;
5649        flex-wrap: nowrap !important;
5650        align-items: center !important;
5651        justify-content: flex-start !important;
5652
5653        gap: 8px !important;
5654
5655        width: 100% !important;
5656        max-width: 100% !important;
5657        min-width: 0 !important;
5658
5659        min-height: 25px !important;
5660        height: 25px !important;
5661        max-height: 25px !important;
5662
5663        margin: 0 !important;
5664        padding: 0 !important;
5665
5666        float: none !important;
5667        clear: both !important;
5668
5669        overflow: visible !important;
5670        box-sizing: border-box !important;
5671    }
5672
5673    /* Leeren ersten Overlay-Link sicher entfernen. */
5674    html body
5675    .agb-event-listing-card-rounded
5676    .wpem-event-type
5677    > a.wpem-event-action-url {
5678        display: none !important;
5679        visibility: hidden !important;
5680
5681        flex: 0 0 0 !important;
5682
5683        width: 0 !important;
5684        min-width: 0 !important;
5685        max-width: 0 !important;
5686
5687        height: 0 !important;
5688        min-height: 0 !important;
5689        max-height: 0 !important;
5690
5691        margin: 0 !important;
5692        padding: 0 !important;
5693
5694        border: 0 !important;
5695        overflow: hidden !important;
5696        pointer-events: none !important;
5697    }
5698
5699    /* Eigenes Zielgruppen-Icon als erstes sichtbares Flex-Element. */
5700    html body
5701    .agb-event-listing-card-rounded
5702    .wpem-event-type::before {
5703        content: "" !important;
5704
5705        position: static !important;
5706
5707        display: block !important;
5708        flex: 0 0 18px !important;
5709
5710        width: 18px !important;
5711        min-width: 18px !important;
5712        max-width: 18px !important;
5713
5714        height: 18px !important;
5715        min-height: 18px !important;
5716        max-height: 18px !important;
5717
5718        margin: 0 !important;
5719        padding: 0 !important;
5720
5721        border: 0 !important;
5722        border-radius: 0 !important;
5723
5724        background-color: transparent !important;
5725        background-image:
5726            url("https://www.die-agb.de/wp-content/themes/Avada-Child-Theme/assets/
5726icons/card/zielgruppe.svg") !important;
5727        background-repeat: no-repeat !important;
5728        background-position: center !important;
5729        background-size: contain !important;
5730
5731        box-shadow: none !important;
5732        transform: none !important;
5733        pointer-events: none !important;
5734
5735        box-sizing: border-box !important;
5736    }
5737
5738    /* Exakt der zweite Link ist der echte Zielgruppen-Link. */
5739    html body
5740    .agb-event-listing-card-rounded
5741    .wpem-event-type
5742    > a:not(.wpem-event-action-url) {
5743        position: static !important;
5744
5745        display: inline-flex !important;
5746        flex: 0 1 auto !important;
5747        align-items: center !important;
5748        justify-content: flex-start !important;
5749
5750        width: auto !important;
5751        max-width: calc(100% - 26px) !important;
5752        min-width: 0 !important;
5753
5754        height: 25px !important;
5755        min-height: 25px !important;
5756        max-height: 25px !important;
5757
5758        margin: 0 !important;
5759        padding: 0 !important;
5760
5761        float: none !important;
5762        clear: none !important;
5763
5764        vertical-align: middle !important;
5765        transform: none !important;
5766
5767        box-sizing: border-box !important;
5768    }
5769
5770    html body
5771    .agb-event-listing-card-rounded
5772    .wpem-event-type
5773    > a:not(.wpem-event-action-url)
5774    > .wpem-event-type-text {
5775        position: static !important;
5776
5777        display: inline-flex !important;
5778        align-items: center !important;
5779        justify-content: flex-start !important;
5780
5781        width: auto !important;
5782        max-width: 100% !important;
5783        min-width: 0 !important;
5784
5785        height: 25px !important;
5786        min-height: 25px !important;
5787        max-height: 25px !important;
5788
5789        margin: 0 !important;
5790
5791        float: none !important;
5792        clear: none !important;
5793
5794        vertical-align: middle !important;
5795        transform: none !important;
5796
5797        box-sizing: border-box !important;
5798    }
5799}
5800
5801/* =========================================================
5802   AGB – v20 ZIELGRUPPE: SAUBERES MARKUP
5803   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
5804
5805   Kein verschachtelter Link mehr.
5806   Tatsächlicher Aufbau:
5807   .agb-card-target-group
5808     > img.agb-card-target-icon
5809     > span.wpem-event-type-text
5810   ========================================================= */
5811
5812/* Außerhalb der 4-Spalten-Desktopansicht das zusätzliche Icon verbergen. */
5813html body
5814.agb-card-target-icon {
5815    display: none !important;
5816}
5817
5818@media (min-width: 1400px) {
5819
5820    html body
5821    .agb-event-listing-card-rounded
5822    .wpem-event-type.agb-card-target-group {
5823        position: static !important;
5824
5825        display: flex !important;
5826        flex-direction: row !important;
5827        flex-wrap: nowrap !important;
5828        align-items: center !important;
5829        justify-content: flex-start !important;
5830
5831        gap: 8px !important;
5832
5833        width: 100% !important;
5834        max-width: 100% !important;
5835        min-width: 0 !important;
5836
5837        min-height: 25px !important;
5838        height: 25px !important;
5839        max-height: 25px !important;
5840
5841        margin: 0 !important;
5842        padding: 0 !important;
5843
5844        float: none !important;
5845        clear: both !important;
5846
5847        overflow: visible !important;
5848        box-sizing: border-box !important;
5849    }
5850
5851    /* Alle früheren Pseudoelement-Icons sicher abschalten. */
5852    html body
5853    .agb-event-listing-card-rounded
5854    .wpem-event-type.agb-card-target-group::before,
5855    html body
5856    .agb-event-listing-card-rounded
5857    .wpem-event-type.agb-card-target-group::after {
5858        content: none !important;
5859        display: none !important;
5860        background: none !important;
5861        border: 0 !important;
5862    }
5863
5864    html body
5865    .agb-event-listing-card-rounded
5866    .agb-card-target-icon {
5867        display: block !important;
5868        flex: 0 0 18px !important;
5869
5870        width: 18px !important;
5871        min-width: 18px !important;
5872        max-width: 18px !important;
5873
5874        height: 18px !important;
5875        min-height: 18px !important;
5876        max-height: 18px !important;
5877
5878        margin: 0 !important;
5879        padding: 0 !important;
5880
5881        object-fit: contain !important;
5882        object-position: center !important;
5883
5884        border: 0 !important;
5885        box-shadow: none !important;
5886
5887        transform: none !important;
5888    }
5889
5890    html body
5891    .agb-event-listing-card-rounded
5892    .wpem-event-type.agb-card-target-group
5893    > .wpem-event-type-text {
5894        position: static !important;
5895
5896        display: inline-flex !important;
5897        flex: 0 1 auto !important;
5898        align-items: center !important;
5899        justify-content: flex-start !important;
5900
5901        width: auto !important;
5902        max-width: calc(100% - 26px) !important;
5903        min-width: 0 !important;
5904
5905        min-height: 25px !important;
5906        height: 25px !important;
5907        max-height: 25px !important;
5908
5909        margin: 0 !important;
5910
5911        float: none !important;
5912        clear: none !important;
5913
5914        vertical-align: middle !important;
5915        transform: none !important;
5916
5917        box-sizing: border-box !important;
5918    }
5919}
5920
5921/* =========================================================
5922   AGB – v21 ZIELGRUPPE MIT KOMPLETT EIGENEN KLASSEN
5923
5924   Kein .wpem-event-type, kein .event-type und kein
5925   .wpem-event-type-text mehr.
5926
5927   Dadurch greifen weder WPEM-Icons noch alte Layoutregeln.
5928   ========================================================= */
5929
5930/* Standarddarstellung außerhalb der 4-Spalten-Desktopansicht */
5931html body
5932.agb-event-listing-card-rounded
5933.agb-card-target-group {
5934    display: inline-block !important;
5935
5936    width: auto !important;
5937    max-width: 100% !important;
5938
5939    margin: 2px 0 0 0 !important;
5940    padding: 0 !important;
5941
5942    border: 0 !important;
5943    background: transparent !important;
5944    box-shadow: none !important;
5945}
5946
5947html body
5948.agb-event-listing-card-rounded
5949.agb-card-target-icon {
5950    display: none !important;
5951}
5952
5953html body
5954.agb-event-listing-card-rounded
5955.agb-card-target-badge {
5956    display: inline-flex !important;
5957    align-items: center !important;
5958
5959    width: auto !important;
5960    max-width: 100% !important;
5961    min-height: 25px !important;
5962
5963    margin: 0 !important;
5964    padding: 5px 9px !important;
5965
5966    border: 1px solid rgba(77, 91, 97, 0.08) !important;
5967    border-radius: 7px !important;
5968
5969    background: #f1f3f3 !important;
5970    color: #46545a !important;
5971
5972    font-size: 12px !important;
5973    line-height: 1.1 !important;
5974    font-weight: 400 !important;
5975
5976    box-shadow: none !important;
5977    box-sizing: border-box !important;
5978}
5979
5980/* 4-Spalten-Desktopansicht: Icon und Badge nebeneinander */
5981@media (min-width: 1400px) {
5982
5983    html body
5984    .agb-event-listing-card-rounded
5985    .agb-card-target-group {
5986        display: flex !important;
5987        flex-direction: row !important;
5988        flex-wrap: nowrap !important;
5989        align-items: center !important;
5990        justify-content: flex-start !important;
5991
5992        gap: 8px !important;
5993
5994        width: 100% !important;
5995        max-width: 100% !important;
5996        min-width: 0 !important;
5997
5998        min-height: 25px !important;
5999        height: 25px !important;
6000        max-height: 25px !important;
6001
6002        margin: 0 !important;
6003        padding: 0 !important;
6004
6005        overflow: visible !important;
6006        box-sizing: border-box !important;
6007    }
6008
6009    html body
6010    .agb-event-listing-card-rounded
6011    .agb-card-target-icon {
6012        display: block !important;
6013        flex: 0 0 18px !important;
6014
6015        width: 18px !important;
6016        min-width: 18px !important;
6017        max-width: 18px !important;
6018
6019        height: 18px !important;
6020        min-height: 18px !important;
6021        max-height: 18px !important;
6022
6023        margin: 0 !important;
6024        padding: 0 !important;
6025
6026        object-fit: contain !important;
6027        object-position: center !important;
6028
6029        border: 0 !important;
6030        box-shadow: none !important;
6031
6032        transform: none !important;
6033    }
6034
6035    html body
6036    .agb-event-listing-card-rounded
6037    .agb-card-target-badge {
6038        display: inline-flex !important;
6039        flex: 0 1 auto !important;
6040        align-items: center !important;
6041        justify-content: flex-start !important;
6042
6043        width: auto !important;
6044        max-width: calc(100% - 26px) !important;
6045        min-width: 0 !important;
6046
6047        min-height: 25px !important;
6048        height: 25px !important;
6049        max-height: 25px !important;
6050
6051        margin: 0 !important;
6052        padding: 5px 9px !important;
6053
6054        white-space: nowrap !important;
6055        overflow: hidden !important;
6056        text-overflow: ellipsis !important;
6057
6058        box-sizing: border-box !important;
6059    }
6060}
6061
6062/* =========================================================
6063   AGB – v22 MEHR LEERRAUM ÜBER ZIELGRUPPE
6064   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6065   ========================================================= */
6066
6067@media (min-width: 1400px) {
6068
6069    html body
6070    .agb-event-listing-card-rounded
6071    .agb-card-target-group {
6072        margin-top: 10px !important;
6073    }
6074}
6075
6076/* =========================================================
6077   AGB – v23 FEINANPASSUNGEN
6078   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6079
6080   - Titel 1px kleiner
6081   - Minibeschreibung inklusive Icon 4px höher
6082   - Card unten 3px weniger Innenabstand
6083   ========================================================= */
6084
6085@media (min-width: 1400px) {
6086
6087    /* Titel: 17px statt 18px */
6088    html body
6089    .wpem-event-listings:not(.wpem-event-listing-list-view)
6090    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6091    .wpem-event-title
6092    .wpem-heading-text {
6093        font-size: 17px !important;
6094    }
6095
6096    /* Minibeschreibung samt Icon optisch 4px nach oben */
6097    html body
6098    .wpem-event-listings:not(.wpem-event-listing-list-view)
6099    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6100    .agb-card-mini-description {
6101        position: relative !important;
6102        top: -4px !important;
6103    }
6104
6105    /* Unterer Innenabstand: 13px statt 16px */
6106    html body
6107    .wpem-event-listings:not(.wpem-event-listing-list-view)
6108    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6109    .wpem-event-infomation {
6110        padding-bottom: 13px !important;
6111    }
6112}
6113
6114@media (min-width: 1800px) {
6115
6116    /* Titel: 18px statt 19px */
6117    html body
6118    .wpem-event-listings:not(.wpem-event-listing-list-view)
6119    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6120    .wpem-event-title
6121    .wpem-heading-text {
6122        font-size: 18px !important;
6123    }
6124
6125    /* Unterer Innenabstand: 14px statt 17px */
6126    html body
6127    .wpem-event-listings:not(.wpem-event-listing-list-view)
6128    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6129    .wpem-event-infomation {
6130        padding-bottom: 14px !important;
6131    }
6132}
6133
6134/* =========================================================
6135   AGB – v24 TITELBEREICH RUHIG UND OBEN AUSGERICHTET
6136   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6137
6138   Ziel:
6139   - alle Titel beginnen auf derselben oberen Linie
6140   - einzeilige Titel nutzen den Leerraum unterhalb
6141   - zweizeilige Titel nutzen die komplette feste Titelzone
6142   - Datum, Ort und alle folgenden Bereiche bleiben ausgerichtet
6143   ========================================================= */
6144
6145@media (min-width: 1400px) {
6146
6147    /*
6148     * Gemeinsamer, klarer Abstand zwischen Bild und Titel.
6149     * Überschreibt die früheren 5px sowie die negative Titelverschiebung.
6150     */
6151    html body
6152    .wpem-event-listings:not(.wpem-event-listing-list-view)
6153    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6154    .wpem-event-infomation {
6155        padding-top: 14px !important;
6156    }
6157
6158    /*
6159     * Feste Zweizeilen-Zone.
6160     * Der Inhalt beginnt oben und wächst nicht mehr nach oben.
6161     */
6162    html body
6163    .wpem-event-listings:not(.wpem-event-listing-list-view)
6164    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6165    .wpem-event-title {
6166        position: static !important;
6167        top: auto !important;
6168
6169        display: flex !important;
6170        align-items: flex-start !important;
6171        justify-content: flex-start !important;
6172
6173        width: 100% !important;
6174        min-height: 46px !important;
6175        height: 46px !important;
6176        max-height: 46px !important;
6177
6178        margin: 0 0 8px 0 !important;
6179        padding: 0 !important;
6180
6181        overflow: hidden !important;
6182        box-sizing: border-box !important;
6183    }
6184
6185    html body
6186    .wpem-event-listings:not(.wpem-event-listing-list-view)
6187    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6188    .wpem-event-title
6189    .wpem-heading-text {
6190        display: -webkit-box !important;
6191
6192        width: 100% !important;
6193        min-height: 0 !important;
6194        height: auto !important;
6195        max-height: 42px !important;
6196
6197        margin: 0 !important;
6198        padding: 0 !important;
6199
6200        overflow: hidden !important;
6201
6202        line-height: 21px !important;
6203        white-space: normal !important;
6204
6205        -webkit-box-orient: vertical !important;
6206        -webkit-line-clamp: 2 !important;
6207
6208        box-sizing: border-box !important;
6209    }
6210}
6211
6212/*
6213 * Ab 1800px bleibt die gleiche Logik bestehen.
6214 * Wegen der dortigen 18px-Titelschrift erhält der Text 22px Zeilenhö
6214he.
6215 */
6216@media (min-width: 1800px) {
6217
6218    html body
6219    .wpem-event-listings:not(.wpem-event-listing-list-view)
6220    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6221    .wpem-event-infomation {
6222        padding-top: 14px !important;
6223    }
6224
6225    html body
6226    .wpem-event-listings:not(.wpem-event-listing-list-view)
6227    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6228    .wpem-event-title {
6229        min-height: 46px !important;
6230        height: 46px !important;
6231        max-height: 46px !important;
6232
6233        margin: 0 0 8px 0 !important;
6234    }
6235
6236    html body
6237    .wpem-event-listings:not(.wpem-event-listing-list-view)
6238    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6239    .wpem-event-title
6240    .wpem-heading-text {
6241        max-height: 44px !important;
6242        line-height: 22px !important;
6243    }
6244}
6245
6246/* =========================================================
6247   AGB – v25 ABSTÄNDE + TITEL-CLIPPING-FIX
6248   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6249
6250   - Titel 4px näher zum Bild
6251   - zweite Titelzeile erhält mehr vertikalen Raum
6252   - Minibeschreibung samt Icon 4px näher zum Ort
6253   - Zielgruppen-Row 4px mehr Leerraum oberhalb
6254   ========================================================= */
6255
6256@media (min-width: 1400px) {
6257
6258    /* Titel beginnt 10px statt 14px unter dem Bild. */
6259    html body
6260    .wpem-event-listings:not(.wpem-event-listing-list-view)
6261    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6262    .wpem-event-infomation {
6263        padding-top: 10px !important;
6264    }
6265
6266    /*
6267     * Etwas höhere Titelzone und großzügigere Zeilenbox:
6268     * verhindert das Abschneiden der zweiten Zeile.
6269     */
6270    html body
6271    .wpem-event-listings:not(.wpem-event-listing-list-view)
6272    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6273    .wpem-event-title {
6274        min-height: 48px !important;
6275        height: 48px !important;
6276        max-height: 48px !important;
6277
6278        margin-bottom: 8px !important;
6279        overflow: hidden !important;
6280    }
6281
6282    html body
6283    .wpem-event-listings:not(.wpem-event-listing-list-view)
6284    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6285    .wpem-event-title
6286    .wpem-heading-text {
6287        max-height: 46px !important;
6288        line-height: 22px !important;
6289        padding-bottom: 2px !important;
6290    }
6291
6292    /* Minibeschreibung und ihr Icon insgesamt 4px weiter nach oben. */
6293    html body
6294    .wpem-event-listings:not(.wpem-event-listing-list-view)
6295    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6296    .agb-card-mini-description {
6297        top: -8px !important;
6298    }
6299
6300    /* Mehr sichtbarer Abstand oberhalb von Icon + Zielgruppen-Badge. */
6301    html body
6302    .agb-event-listing-card-rounded
6303    .agb-card-target-group {
6304        margin-top: 20px !important;
6305    }
6306}
6307
6308@media (min-width: 1800px) {
6309
6310    html body
6311    .wpem-event-listings:not(.wpem-event-listing-list-view)
6312    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6313    .wpem-event-infomation {
6314        padding-top: 10px !important;
6315    }
6316
6317    html body
6318    .wpem-event-listings:not(.wpem-event-listing-list-view)
6319    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6320    .wpem-event-title {
6321        min-height: 50px !important;
6322        height: 50px !important;
6323        max-height: 50px !important;
6324    }
6325
6326    html body
6327    .wpem-event-listings:not(.wpem-event-listing-list-view)
6328    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6329    .wpem-event-title
6330    .wpem-heading-text {
6331        max-height: 48px !important;
6332        line-height: 23px !important;
6333        padding-bottom: 2px !important;
6334    }
6335}
6336
6337/* =========================================================
6338   AGB – v26 TITEL SICHTBAR NÄHER ZUM BILD
6339   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6340
6341   Gemessener Ist-Zustand:
6342   - sichtbarer Abstand Bild -> Titel: 28px
6343   - .wpem-event-infomation hat tatsächlich 18px padding-top
6344
6345   Der Titelblock wird deshalb optisch 8px nach oben verschoben.
6346   Datum, Ort und alle folgenden Reihen behalten ihre Position.
6347   ========================================================= */
6348
6349@media (min-width: 1400px) {
6350
6351    html body
6352    #event-listing-view.wpem-event-listing-box-view
6353    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6354    .wpem-event-infomation
6355    > .wpem-event-title {
6356        position: relative !important;
6357        top: -8px !important;
6358        transform: none !important;
6359    }
6360}
6361
6362/* =========================================================
6363   AGB – v27 TITEL-SELEKTOR KORRIGIERT
6364   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6365
6366   Tatsächlicher DOM:
6367   .wpem-event-infomation
6368     > .wpem-event-date
6369     > .wpem-event-details
6370       > .wpem-event-title
6371
6372   v26 setzte fälschlich voraus, dass .wpem-event-title ein
6373   direktes Kind von .wpem-event-infomation ist. Deshalb griff
6374   die Regel überhaupt nicht.
6375   ========================================================= */
6376
6377@media (min-width: 1400px) {
6378
6379    html body
6380    #event-listing-view.wpem-event-listing-box-view
6381    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6382    .wpem-event-infomation
6383    .wpem-event-details
6384    > .wpem-event-title {
6385        position: relative !important;
6386        top: -8px !important;
6387        transform: none !important;
6388    }
6389}
6390
6391/* =========================================================
6392   AGB – v28 TITEL TESTWEISE VERTIKAL ZENTRIERT
6393   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6394
6395   Ziel:
6396   - aktuelle Position der zweizeiligen Titel beibehalten
6397   - einzeilige Titel innerhalb der festen Zweizeilen-Zone
6398     vertikal mittig platzieren
6399   - Bildabstand der zweizeiligen Titel bleibt bei ca. 20px
6400   ========================================================= */
6401
6402@media (min-width: 1400px) {
6403
6404    html body
6405    #event-listing-view.wpem-event-listing-box-view
6406    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6407    .wpem-event-infomation
6408    .wpem-event-details
6409    > .wpem-event-title {
6410        position: relative !important;
6411        top: -14px !important;
6412
6413        display: flex !important;
6414        align-items: center !important;
6415        justify-content: flex-start !important;
6416
6417        transform: none !important;
6418    }
6419}
6420
6421/* =========================================================
6422   AGB – v29 META-BLOCK 20PX HÖHER
6423   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6424
6425   Der Titelbereich aus v28 bleibt vollständig unverändert.
6426
6427   Gemeinsam 20px nach oben verschoben werden:
6428   - Datum / Uhrzeit
6429   - Ort
6430   - Minibeschreibung
6431   - Zielgruppen-Icon und Badge
6432
6433   Die bisherigen Abstände innerhalb dieses Blocks bleiben erhalten.
6434   ========================================================= */
6435
6436@media (min-width: 1400px) {
6437
6438    html body
6439    #event-listing-view.wpem-event-listing-box-view
6440    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6441    .wpem-event-details
6442    > .wpem-event-date-time,
6443
6444    html body
6445    #event-listing-view.wpem-event-listing-box-view
6446    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6447    .wpem-event-details
6448    > .wpem-event-location,
6449
6450    html body
6451    #event-listing-view.wpem-event-listing-box-view
6452    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6453    .wpem-event-details
6454    > .agb-card-target-group {
6455        position: relative !important;
6456        top: -14px !important;
6457        transform: none !important;
6458    }
6459
6460    /*
6461     * Die Minibeschreibung stand bereits 8px höher.
6462     * Deshalb: bisher -8px plus neue -20px = -28px.
6463     */
6464    html body
6465    #event-listing-view.wpem-event-listing-box-view
6466    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6467    .wpem-event-details
6468    > .agb-card-mini-description {
6469        position: relative !important;
6470        top: -22px !important;
6471        transform: none !important;
6472    }
6473}
6474
6475
6476/* =========================================================
6477   AGB – v30 WENIGER BOTTOM-PADDING
6478   Nur Desktop ab 1400px / 4-Spalten-Card-Ansicht
6479
6480   Titel und der in v29 verschobene Meta-Block bleiben unverändert.
6481   Der untere Innenabstand der Card wird auf 6px reduziert.
6482   ========================================================= */
6483
6484@media (min-width: 1400px) {
6485
6486    html body
6487    #event-listing-view.wpem-event-listing-box-view
6488    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6489    .wpem-event-infomation {
6490        padding-bottom: 6px !important;
6491    }
6492}
6493
6494/* =========================================================
6495   AGB – v35 DIE AKTUELLE CARD AUF ALLEN DEVICES
6496   Verbindliche Basis: Eingefügter Text(5).txt
6497
6498   Gilt ausschließlich für die Card-/Grid-Ansicht.
6499   Die vorhandene responsive Spaltenanzahl von WPEM bleibt bestehen:
6500   - große Desktops weiterhin 4 Spalten
6501   - kleinere Geräte entsprechend der vorhandenen 3-/2-/1-Spaltenlogik
6502
6503   Nicht betroffen:
6504   - Listenansicht
6505   - Kalender
6506   - Single Event
6507   ========================================================= */
6508
6509html body
6510.wpem-event-listings:not(.wpem-event-listing-list-view)
6511.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6512.wpem-event-infomation {
6513    padding: 10px 18px 6px 18px !important;
6514}
6515
6516html body
6517.wpem-event-listings:not(.wpem-event-listing-list-view)
6518.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6519.wpem-event-infomation
6520.wpem-event-details
6521> .wpem-event-title {
6522    position: relative !important;
6523    top: -14px !important;
6524
6525    display: flex !important;
6526    align-items: center !important;
6527    justify-content: flex-start !important;
6528
6529    width: 100% !important;
6530    min-height: 48px !important;
6531    height: 48px !important;
6532    max-height: 48px !important;
6533
6534    margin: 0 0 8px 0 !important;
6535    padding: 0 !important;
6536
6537    overflow: hidden !important;
6538    transform: none !important;
6539    box-sizing: border-box !important;
6540}
6541
6542html body
6543.wpem-event-listings:not(.wpem-event-listing-list-view)
6544.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6545.wpem-event-title
6546.wpem-heading-text {
6547    display: -webkit-box !important;
6548
6549    width: 100% !important;
6550    min-height: 0 !important;
6551    height: auto !important;
6552    max-height: 46px !important;
6553
6554    margin: 0 !important;
6555    padding: 0 0 2px 0 !important;
6556
6557    overflow: hidden !important;
6558
6559    font-size: 17px !important;
6560    line-height: 22px !important;
6561    white-space: normal !important;
6562
6563    background: transparent !important;
6564    box-shadow: none !important;
6565
6566    -webkit-box-orient: vertical !important;
6567    -webkit-line-clamp: 2 !important;
6568
6569    box-sizing: border-box !important;
6570}
6571
6572html body
6573.wpem-event-listings:not(.wpem-event-listing-list-view)
6574.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6575.wpem-event-details
6576> .wpem-event-date-time {
6577    position: relative !important;
6578    top: -14px !important;
6579
6580    display: block !important;
6581
6582    width: 100% !important;
6583    min-height: 20px !important;
6584    height: 20px !important;
6585
6586    margin: 0 0 5px 0 !important;
6587    padding: 0 !important;
6588
6589    overflow: visible !important;
6590
6591    font-size: 14px !important;
6592    line-height: 1.28 !important;
6593
6594    transform: none !important;
6595}
6596
6597html body
6598.wpem-event-listings:not(.wpem-event-listing-list-view)
6599.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6600.wpem-event-date-time
6601.wpem-event-date-time-text {
6602    display: block !important;
6603    position: relative !important;
6604
6605    width: 100% !important;
6606    min-width: 0 !important;
6607
6608    margin: 0 !important;
6609    padding: 0 0 0 26px !important;
6610
6611    overflow: hidden !important;
6612    white-space: nowrap !important;
6613    text-overflow: ellipsis !important;
6614
6615    box-sizing: border-box !important;
6616}
6617
6618html body
6619.wpem-event-listings:not(.wpem-event-listing-list-view)
6620.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6621.wpem-event-details
6622> .wpem-event-location {
6623    position: relative !important;
6624    top: -14px !important;
6625
6626    display: block !important;
6627
6628    width: 100% !important;
6629    min-height: 34px !important;
6630    height: 34px !important;
6631    max-height: 34px !important;
6632
6633    margin: 0 0 7px 0 !important;
6634    padding: 0 !important;
6635
6636    overflow: visible !important;
6637
6638    font-size: 14px !important;
6639    line-height: 1.28 !important;
6640
6641    transform: none !important;
6642}
6643
6644html body
6645.wpem-event-listings:not(.wpem-event-listing-list-view)
6646.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6647.wpem-event-location
6648.wpem-event-location-text {
6649    display: -webkit-box !important;
6650    position: relative !important;
6651
6652    width: 100% !important;
6653    min-width: 0 !important;
6654    max-height: 34px !important;
6655
6656    margin: 0 !important;
6657    padding: 0 0 0 26px !important;
6658
6659    overflow: hidden !important;
6660    white-space: normal !important;
6661
6662    -webkit-box-orient: vertical !important;
6663    -webkit-line-clamp: 2 !important;
6664
6665    box-sizing: border-box !important;
6666}
6667
6668html body
6669.wpem-event-listings:not(.wpem-event-listing-list-view)
6670.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6671.wpem-event-details
6672> .agb-card-mini-description {
6673    position: relative !important;
6674    top: -22px !important;
6675
6676    display: block !important;
6677
6678    width: 100% !important;
6679    min-height: 58px !important;
6680    height: 58px !important;
6681    max-height: 58px !important;
6682
6683    margin: 0 0 9px 0 !important;
6684    padding: 0 0 0 27px !important;
6685
6686    overflow: hidden !important;
6687
6688    color: #56656b !important;
6689
6690    font-size: 13px !important;
6691    line-height: 20px !important;
6692    font-weight: 400 !important;
6693
6694    transform: none !important;
6695    box-sizing: border-box !important;
6696}
6697
6698html body
6699.wpem-event-listings:not(.wpem-event-listing-list-view)
6700.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6701.agb-card-mini-description
6702p,
6703html body
6704.wpem-event-listings:not(.wpem-event-listing-list-view)
6705.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6706.agb-card-mini-description
6707br {
6708    margin: 0 !important;
6709    padding: 0 !important;
6710    line-height: 20px !important;
6711}
6712
6713html body
6714.wpem-event-listings:not(.wpem-event-listing-list-view)
6715.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6716.agb-card-mini-description::before {
6717    content: "" !important;
6718
6719    position: absolute !important;
6720    top: 1px !important;
6721    left: 0 !important;
6722
6723    display: block !important;
6724
6725    width: 18px !important;
6726    height: 18px !important;
6727
6728    margin: 0 !important;
6729    padding: 0 !important;
6730
6731    border: 0 !important;
6732    border-radius: 0 !important;
6733
6734    background-color: transparent !important;
6735    background-image:
6736        url("https://www.die-agb.de/wp-content/themes/Avada-Child-Theme/assets/icons/card/minibeschreibung.svg") !important;
6737    background-repeat: no-repeat !important;
6738    background-position: center !important;
6739    background-size: contain !important;
6740
6741    box-shadow: none !important;
6742    transform: none !important;
6743    pointer-events: none !important;
6744}
6745
6746html body
6747.wpem-event-listings:not(.wpem-event-listing-list-view)
6748.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6749.agb-card-mini-description::after {
6750    content: none !important;
6751    display: none !important;
6752}
6753
6754html body
6755.wpem-event-listings:not(.wpem-event-listing-list-view)
6756.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6757.agb-card-mini-description.is-empty::before {
6758    display: none !important;
6759}
6760
6761html body
6762.wpem-event-listings:not(.wpem-event-listing-list-view)
6763.agb-event-listing-card-rounded
6764.wpem-event-details
6765> .agb-card-target-group {
6766    position: relative !important;
6767    top: -14px !important;
6768
6769    display: flex !important;
6770    flex-direction: row !important;
6771    flex-wrap: nowrap !important;
6772    align-items: center !important;
6773    justify-content: flex-start !important;
6774
6775    gap: 8px !important;
6776
6777    width: 100% !important;
6778    max-width: 100% !important;
6779    min-width: 0 !important;
6780
6781    min-height: 25px !important;
6782    height: 25px !important;
6783    max-height: 25px !important;
6784
6785    margin: 20px 0 0 0 !important;
6786    padding: 0 !important;
6787
6788    overflow: visible !important;
6789    transform: none !important;
6790    box-sizing: border-box !important;
6791}
6792
6793html body
6794.wpem-event-listings:not(.wpem-event-listing-list-view)
6795.agb-event-listing-card-rounded
6796.agb-card-target-icon {
6797    display: block !important;
6798    flex: 0 0 18px !important;
6799
6800    width: 18px !important;
6801    min-width: 18px !important;
6802    max-width: 18px !important;
6803
6804    height: 18px !important;
6805    min-height: 18px !important;
6806    max-height: 18px !important;
6807
6808    margin: 0 !important;
6809    padding: 0 !important;
6810
6811    object-fit: contain !important;
6812    object-position: center !important;
6813
6814    border: 0 !important;
6815    box-shadow: none !important;
6816    transform: none !important;
6817}
6818
6819html body
6820.wpem-event-listings:not(.wpem-event-listing-list-view)
6821.agb-event-listing-card-rounded
6822.agb-card-target-badge {
6823    display: inline-flex !important;
6824    flex: 0 1 auto !important;
6825    align-items: center !important;
6826    justify-content: flex-start !important;
6827
6828    width: auto !important;
6829    max-width: calc(100% - 26px) !important;
6830    min-width: 0 !important;
6831
6832    min-height: 25px !important;
6833    height: 25px !important;
6834    max-height: 25px !important;
6835
6836    margin: 0 !important;
6837    padding: 5px 9px !important;
6838
6839    overflow: hidden !important;
6840    white-space: nowrap !important;
6841    text-overflow: ellipsis !important;
6842
6843    border: 1px solid rgba(77, 91, 97, 0.08) !important;
6844    border-radius: 7px !important;
6845
6846    background: #f1f3f3 !important;
6847    color: #46545a !important;
6848
6849    font-size: 12px !important;
6850    line-height: 1.1 !important;
6851    font-weight: 400 !important;
6852
6853    box-shadow: none !important;
6854    box-sizing: border-box !important;
6855}
6856
6857html body
6858.wpem-event-listings:not(.wpem-event-listing-list-view)
6859.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6860.wpem-event-banner-img
6861> .wpem-event-date
6862.wpem-from-date {
6863    width: 56px !important;
6864    min-width: 56px !important;
6865    height: 58px !important;
6866    min-height: 58px !important;
6867}
6868
6869html body
6870.wpem-event-listings:not(.wpem-event-listing-list-view)
6871.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6872.wpem-event-banner-img
6873> .wpem-event-date
6874.wpem-date {
6875    font-size: 21px !important;
6876}
6877
6878html body
6879.wpem-event-listings:not(.wpem-event-listing-list-view)
6880.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6881.wpem-event-banner-img
6882> .wpem-event-date
6883.wpem-month {
6884    font-size: 10px !important;
6885}
6886
6887html body
6888.wpem-event-listings:not(.wpem-event-listing-list-view)
6889.wpem-event-layout-wrapper.agb-event-listing-card-rounded
6890.wpem-event-ticket-type {
6891    display: none !important;
6892}
6893
6894@media (min-width: 1800px) {
6895
6896    html body
6897    .wpem-event-listings:not(.wpem-event-listing-list-view)
6898    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6899    .wpem-event-title
6900    .wpem-heading-text {
6901        font-size: 18px !important;
6902        line-height: 23px !important;
6903        max-height: 48px !important;
6904    }
6905
6906    html body
6907    .wpem-event-listings:not(.wpem-event-listing-list-view)
6908    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6909    .wpem-event-infomation {
6910        padding-right: 19px !important;
6911        padding-left: 19px !important;
6912    }
6913}
6914
6915@media (max-width: 420px) {
6916
6917    html body
6918    .wpem-event-listings:not(.wpem-event-listing-list-view)
6919    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6920    .wpem-event-infomation {
6921        padding-right: 15px !important;
6922        padding-left: 15px !important;
6923    }
6924}
6925
6926html body
6927.wpem-event-listings.wpem-event-listing-list-view
6928.agb-card-mini-description,
6929html body
6930.wpem-event-listings.wpem-event-listing-list-view
6931.agb-card-target-icon {
6932    display: none !important;
6933}
6934
6935/* =========================================================
6936   AGB – v32 MOBILE/TABLET: TITEL + UNTERER CARD-ABSCHLUSS
6937   Gilt unterhalb von 1400px:
6938   - Handy Hochformat
6939   - Handy Querformat
6940   - Tablet Hochformat
6941   - Tablet Querformat
6942
6943   Desktop ab 1400px bleibt vollständig unverändert.
6944   ========================================================= */
6945
6946@media (max-width: 1399px) {
6947
6948    /*
6949     * Zweite Titelzeile:
6950     * Der feste Titelbereich bleibt gleich groß, aber das äußere
6951     * Clipping wird aufgehoben und der Text erhält unten 2px mehr Raum.
6952     * Die vertikale Zentrierung bleibt bestehen.
6953     */
6954    html body
6955    .wpem-event-listings:not(.wpem-event-listing-list-view)
6956    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6957    .wpem-event-infomation
6958    .wpem-event-details
6959    > .wpem-event-title {
6960        overflow: visible !important;
6961    }
6962
6963    html body
6964    .wpem-event-listings:not(.wpem-event-listing-list-view)
6965    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6966    .wpem-event-title
6967    .wpem-heading-text {
6968        max-height: 48px !important;
6969        padding-bottom: 4px !important;
6970    }
6971
6972    /*
6973     * Unterer Card-Abschluss:
6974     * - echtes Bottom-Padding von 6px auf 0px
6975     * - zusätzlich den durch top:-14px optisch freigewordenen Raum
6976     *   unter der Badge-Row um 8px kompensieren
6977     */
6978    html body
6979    .wpem-event-listings:not(.wpem-event-listing-list-view)
6980    .wpem-event-layout-wrapper.agb-event-listing-card-rounded
6981    .wpem-event-infomation {
6982        padding-bottom: 0 !important;
6983    }
6984
6985    html body
6986    .wpem-event-listings:not(.wpem-event-listing-list-view)
6987    .agb-event-listing-card-rounded
6988    .wpem-event-details
6989    > .agb-card-target-group {
6990        margin-bottom: -8px !important;
6991    }
6992}
6993
6994
6995
6996/* =========================================================
6997   AGB – v33 MOBILE/TABLET: 5PX WENIGER UNTERER LEERRAUM
6998   Gilt nur unterhalb von 1400px.
6999   Das echte Bottom-Padding ist bereits 0px. Daher wird der
7000   verbleibende sichtbare Leerraum unter der Badge-Row um
7001   weitere 5px reduziert.
7002   ========================================================= */
7003
7004@media (max-width: 1399px) {
7005
7006    html body
7007    .wpem-event-listings:not(.wpem-event-listing-list-view)
7008    .agb-event-listing-card-rounded
7009    .wpem-event-details
7010    > .agb-card-target-group {
7011        margin-bottom: -13px !important;
7012    }
7013}
7014
7015/* =========================================================
7016   AGB – v34 NUR HANDY LANDSCAPE: 2 CARD-SPALTEN
7017
7018   Zielbereich:
7019   - Querformat
7020   - typische Handy-Höhe bis 600px
7021   - Breite bis 1023px
7022
7023   Nicht betroffen:
7024   - Handy Hochformat
7025   - Tablet Hochformat
7026   - Tablet Querformat
7027   - Desktop
7028   - Listenansicht
7029   ========================================================= */
7030
7031@media
7032    (orientation: landscape)
7033    and (max-width: 1023px)
7034    and (max-height: 600px) {
7035
7036    html body
7037    .wpem-event-listings:not(.wpem-event-listing-list-view)
7038    .wpem-event-box-col {
7039        flex: 0 0 50% !important;
7040        width: 50% !important;
7041        max-width: 50% !important;
7042    }
7043}
7044
7045/* =========================================================
7046   AGB – v35 MEHRERE ZIELGRUPPEN-BADGES MIT UMBRUCH
7047   Gilt für alle Card-Ansichten auf allen Devices.
7048
7049   Neues Markup:
7050   .agb-card-target-group
7051     > img.agb-card-target-icon
7052     > .agb-card-target-badges
7053       > span.agb-card-target-badge
7054       > span.agb-card-target-badge
7055       > ...
7056
7057   Listenansicht, Kalender und Single Event bleiben unberührt.
7058   ========================================================= */
7059
7060html body
7061.wpem-event-listings:not(.wpem-event-listing-list-view)
7062.agb-event-listing-card-rounded
7063.wpem-event-details
7064> .agb-card-target-group {
7065    align-items: flex-start !important;
7066
7067    min-height: 25px !important;
7068    height: auto !important;
7069    max-height: none !important;
7070
7071    overflow: visible !important;
7072}
7073
7074html body
7075.wpem-event-listings:not(.wpem-event-listing-list-view)
7076.agb-event-listing-card-rounded
7077.agb-card-target-icon {
7078    margin-top: 3px !important;
7079}
7080
7081html body
7082.wpem-event-listings:not(.wpem-event-listing-list-view)
7083.agb-event-listing-card-rounded
7084.agb-card-target-badges {
7085    display: flex !important;
7086    flex: 1 1 auto !important;
7087    flex-direction: row !important;
7088    flex-wrap: wrap !important;
7089    align-items: flex-start !important;
7090    justify-content: flex-start !important;
7091
7092    gap: 6px !important;
7093
7094    width: auto !important;
7095    max-width: calc(100% - 26px) !important;
7096    min-width: 0 !important;
7097
7098    margin: 0 !important;
7099    padding: 0 !important;
7100
7101    overflow: visible !important;
7102    box-sizing: border-box !important;
7103}
7104
7105html body
7106.wpem-event-listings:not(.wpem-event-listing-list-view)
7107.agb-event-listing-card-rounded
7108.agb-card-target-badges
7109> .agb-card-target-badge {
7110    display: inline-flex !important;
7111    flex: 0 1 auto !important;
7112    align-items: center !important;
7113    justify-content: flex-start !important;
7114
7115    width: auto !important;
7116    max-width: 100% !important;
7117    min-width: 0 !important;
7118
7119    min-height: 25px !important;
7120    height: 25px !important;
7121    max-height: 25px !important;
7122
7123    margin: 0 !important;
7124    padding: 5px 9px !important;
7125
7126    overflow: hidden !important;
7127    white-space: nowrap !important;
7128    text-overflow: ellipsis !important;
7129
7130    box-sizing: border-box !important;
7131}
7132
7133/*
7134 * AGB – Event Cards v37
7135 * Datumstile wirklich minimal kleiner
7136 *
7137 * Ersetzt den zusätzlichen Test v36 vollständig.
7138 *
7139 * Ursache bei v36:
7140 * Die vorhandene Datumskachel arbeitet zusätzlich mit Padding.
7141 * Ohne box-sizing: border-box wurde dadurch nur der Inhaltsbereich
7142 * kleiner, nicht zuverlässig die sichtbare Gesamtfläche.
7143 *
7144 * Gilt:
7145 * - Card-/Grid-Ansicht
7146 * - alle Geräte
7147 *
7148 * Unverändert:
7149 * - Schriftgrößen
7150 * - äußere Position der Datumskachel
7151 * - Farben
7152 * - Glass-Effekt
7153 * - Listenansicht
7154 * - Kalender
7155 * - Single Event
7156 */
7157
7158/*
7159 * Die äußere sichtbare Fläche wird exakt auf 54 × 56px gesetzt.
7160 * Die obere/linke Position bleibt unverändert.
7161 */
7162html body
7163#event-listing-view.wpem-event-listings.wpem-event-listing-box-view
7164.wpem-event-layout-wrapper.agb-event-listing-card-rounded
7165.wpem-event-banner-img
7166> .wpem-event-date
7167.wpem-event-date-type
7168> .wpem-from-date,
7169
7170html body
7171#event-listing-view.wpem-event-listings.wpem-event-listing-grid-view
7172.wpem-event-layout-wrapper.agb-event-listing-card-rounded
7173.wpem-event-banner-img
7174> .wpem-event-date
7175.wpem-event-date-type
7176> .wpem-from-date,
7177
7178html body
7179#event-listing-view.wpem-event-listings:not(.wpem-event-listing-list-view)
7180.wpem-event-layout-wrapper.agb-event-listing-card-rounded
7181.wpem-event-banner-img
7182> .wpem-event-date
7183.wpem-event-date-type
7184> .wpem-from-date {
7185    display: flex !important;
7186    flex-direction: column !important;
7187    align-items: center !important;
7188    justify-content: center !important;
7189
7190    width: 54px !important;
7191    min-width: 54px !important;
7192    max-width: 54px !important;
7193
7194    height: 56px !important;
7195    min-height: 56px !important;
7196    max-height: 56px !important;
7197
7198    margin: 0 !important;
7199    padding: 0 !important;
7200
7201    box-sizing: border-box !important;
7202}
7203
7204/* =========================================================
7205   AGB – v37 UNTERLÄNGEN IN TITEL UND MINIBESCHREIBUNG
7206
7207   Ausschließlich Card-/Grid-Ansicht:
7208   - g, j, p, q und y werden im ein- und zweizeiligen Titel
7209     nicht mehr unten abgeschnitten.
7210   - Die dritte Zeile der Minibeschreibung erhält genügend
7211     echte Höhe für ihre Unterlängen.
7212   - Die Gesamtposition der Zielgruppenzeile bleibt erhalten.
7213   ========================================================= */
7214
7215html body
7216.wpem-event-listings:not(.wpem-event-listing-list-view)
7217.wpem-event-layout-wrapper.agb-event-listing-card-rounded
7218.wpem-event-infomation
7219.wpem-event-details
7220> .wpem-event-title {
7221    overflow: visible !important;
7222}
7223
7224html body
7225.wpem-event-listings:not(.wpem-event-listing-list-view)
7226.wpem-event-layout-wrapper.agb-event-listing-card-rounded
7227.wpem-event-title
7228.wpem-heading-text {
7229    max-height: 48px !important;
7230    padding: 0 0 4px 0 !important;
7231}
7232
7233html body
7234.wpem-event-listings:not(.wpem-event-listing-list-view)
7235.wpem-event-layout-wrapper.agb-event-listing-card-rounded
7236.wpem-event-details
7237> .agb-card-mini-description {
7238    min-height: 62px !important;
7239    height: 62px !important;
7240    max-height: 62px !important;
7241
7242    /*
7243     * Vorher: 58px Höhe + 9px Abstand = 67px.
7244     * Jetzt: 62px Höhe + 5px Abstand = weiterhin 67px.
7245     * Dadurch verschiebt sich die Zielgruppenzeile nicht.
7246     */
7247    margin-bottom: 5px !important;
7248}
7249</style>
7250                                                        <style>/*
7251 * AGB – WPEM Calendar Monthly Tooltip Direct Render v59 DESKTOP PORTAL TEST
7252 * Ergänzung zu events-calendar-agb-tooltip-v27.php
7253 * Ziele:
7254 * - Desktop-Kalender-Pillen linksbündig, nicht full width, kompletter Titel
7255 * - Kategorie-/Angebotsfarbe mit weißer Schrift
7256 * - Ausnahme Heute-Feld: Pille weiß, Schrift mittel-dunkelgrau
7257 * - Mobile Hochkant: Tagesnamen kurz, im Tagesrechteck kleine Pille ohne Text, ohne PHP-Wrapper
7258 * - Mobile Popup: Titel "Angebote TT.MM.JJ", Event-Badges farbig mit weißer Schrift
7259 * - Tooltip-Card mit Icon-Abstand und ACF-Kurzbeschreibung
7260 * - v35: Mobile Popup als kompakte klickbare Event-Cards mit Bild, Zeit und Ort
7261 */
7262
7263
7264/*
7265 * AGB – Calendar Monthly Navigation v26
7266 * Saubere Lösung:
7267 * - Die echten Inputs bleiben nur als unsichtbare Klickflächen.
7268 * - Die sichtbaren Pfeile kommen aus den Wrappern per ::before.
7269 * - Dadurch keine blauen Button-Flächen, keine Input-Zentrierungsprobleme,
7270 *   keine Icon-Font-Rotation.
7271 */
7272#calendar-filters-container .wpem-calendar-filter-button {
7273    display: none !important;
7274}
7275
7276#calendar-filters-container #calendar-filters-navigation {
7277    display: flex !important;
7278    align-items: center !important;
7279    justify-content: flex-start !important;
7280    gap: 8px !important;
7281}
7282
7283#calendar-filters-container #calendar-filters-navigation .wpem-calendar-left-nav,
7284#calendar-filters-container #calendar-filters-navigation .wpem-calendar-right-nav {
7285    position: relative !important;
7286    display: block !important;
7287    flex: 0 0 38px !important;
7288
7289    width: 38px !important;
7290    height: 38px !important;
7291    min-width: 38px !important;
7292    min-height: 38px !important;
7293    max-width: 38px !important;
7294    max-height: 38px !important;
7295
7296    margin: 0 !important;
7297    padding: 0 !important;
7298
7299    background: #f3f3f3 !important;
7300    border: 0 !important;
7301    border-radius: 7px !important;
7302    box-shadow: none !important;
7303    overflow: hidden !important;
7304
7305    transform: none !important;
7306    -webkit-transform: none !important;
7307    rotate: 0deg !important;
7308}
7309
7310#calendar-filters-container #calendar-filters-navigation .wpem-calendar-left-nav:hover,
7311#calendar-filters-container #calendar-filters-navigation .wpem-calendar-left-nav:focus-within,
7312#calendar-filters-container #calendar-filters-navigation .wpem-calendar-right-nav:hover,
7313#calendar-filters-container #calendar-filters-navigation .wpem-calendar-right-nav:focus-within {
7314    background: #f3f3f3 !important;
7315    border: 0 !important;
7316    box-shadow: none !important;
7317}
7318
7319/* Sichtbare Pfeile exakt mittig */
7320#calendar-filters-container #calendar-filters-navigation .wpem-calendar-left-nav::before,
7321#calendar-filters-container #calendar-filters-navigation .wpem-calendar-right-nav::before {
7322    position: absolute !important;
7323    inset: 0 !important;
7324    z-index: 1 !important;
7325
7326    display: flex !important;
7327    align-items: center !important;
7328    justify-content: center !important;
7329
7330    width: 100% !important;
7331    height: 100% !important;
7332    margin: 0 !important;
7333    padding: 0 !important;
7334
7335    color: #444444 !important;
7336    font-family: Arial, Helvetica, sans-serif !important;
7337    font-size: 24px !important;
7338    line-height: 1 !important;
7339    font-weight: 700 !important;
7340    text-align: center !important;
7341    text-indent: 0 !important;
7342
7343    opacity: 1 !important;
7344    visibility: visible !important;
7345    pointer-events: none !important;
7346    background: transparent !important;
7347    transform: none !important;
7348    -webkit-transform: none !important;
7349}
7350
7351#calendar-filters-container #calendar-filters-navigation .wpem-calendar-left-nav::before {
7352    content: "<" !important;
7353}
7354
7355#calendar-filters-container #calendar-filters-navigation .wpem-calendar-right-nav::before {
7356    content: ">" !important;
7357}
7358
7359#calendar-filters-container #calendar-filters-navigation .wpem-calendar-left-nav::after,
7360#calendar-filters-container #calendar-filters-navigation .wpem-calendar-right-nav::after {
7361    content: none !important;
7362    display: none !important;
7363}
7364
7365/* Alte Icons/Spans sicher ausblenden, falls sie durch Cache/alte PHP noch im DOM sind */
7366#calendar-filters-container #calendar-filters-navigation .wpem-icon-cheveron-right,
7367#calendar-filters-container #calendar-filters-navigation .agb-calendar-plugin-nav-icon,
7368#calendar-filters-container #calendar-filters-navigation .agb-calendar-nav-symbol,
7369#calendar-filters-container #calendar-filters-navigation svg,
7370#calendar-filters-container #calendar-filters-navigation img {
7371    display: none !important;
7372    visibility: hidden !important;
7373    opacity: 0 !important;
7374}
7375
7376/* Original-Inputs: nur noch klickbare Fläche, nicht sichtbar */
7377#calendar-filters-container #calendar-filters-navigation input.agb-calendar-nav-button,
7378#calendar-filters-container #calendar-filters-navigation input.wpem-cp-button,
7379#calendar-filters-container #calendar-filters-navigation input.wpem-theme-button {
7380    appearance: none !important;
7381    -webkit-appearance: none !important;
7382
7383    position: absolute !important;
7384    inset: 0 !important;
7385    z-index: 3 !important;
7386
7387    display: block !important;
7388    width: 100% !important;
7389    height: 100% !important;
7390    min-width: 0 !important;
7391    min-height: 0 !important;
7392    max-width: none !important;
7393    max-height: none !important;
7394
7395    margin: 0 !important;
7396    padding: 0 !important;
7397    border: 0 !important;
7398    border-radius: 7px !important;
7399    box-shadow: none !important;
7400    outline: none !important;
7401
7402    background: transparent !important;
7403    background-color: transparent !important;
7404    background-image: none !important;
7405
7406    color: transparent !important;
7407    font-size: 0 !important;
7408    line-height: 0 !important;
7409    text-indent: -9999px !important;
7410    text-shadow: none !important;
7411    text-transform: none !important;
7412
7413    opacity: 0 !important;
7414    visibility: visible !important;
7415    overflow: hidden !important;
7416    cursor: pointer !important;
7417
7418    transform: none !important;
7419    -webkit-transform: none !important;
7420    rotate: 0deg !important;
7421}
7422
7423#calendar-filters-container #calendar-filters-navigation input.agb-calendar-nav-button:hover,
7424#calendar-filters-container #calendar-filters-navigation input.agb-calendar-nav-button:focus,
7425#calendar-filters-container #calendar-filters-navigation input.agb-calendar-nav-button:active,
7426#calendar-filters-container #calendar-filters-navigation input.wpem-cp-button:hover,
7427#calendar-filters-container #calendar-filters-navigation input.wpem-cp-button:focus,
7428#calendar-filters-container #calendar-filters-navigation input.wpem-cp-button:active,
7429#calendar-filters-container #calendar-filters-navigation input.wpem-theme-button:hover,
7430#calendar-filters-container #calendar-filters-navigation input.wpem-theme-button:focus,
7431#calendar-filters-container #calendar-filters-navigation input.wpem-theme-button:active {
7432    background: transparent !important;
7433    background-color: transparent !important;
7434    background-image: none !important;
7435    color: transparent !important;
7436    border: 0 !important;
7437    box-shadow: none !important;
7438    outline: none !important;
7439    opacity: 0 !important;
7440    transform: none !important;
7441    -webkit-transform: none !important;
7442}
7443
7444/* Mobile hochkant: Reihenfolge < | > | Monat | Jahr in einer Zeile */
7445@media (max-width: 767px) and (orientation: portrait) {
7446    #calendar-filters-container .calendar-filters-form .wpem-d-flex,
7447    #calendar-filters-container .calendar-filters-form .wpem-d-flex.agb-calendar-mobile-nav-active {
7448        display: grid !important;
7449        grid-template-columns: 38px 38px minmax(0, 1.1fr) minmax(0, 0.9fr) !important;
7450        grid-auto-rows: 38px !important;
7451        column-gap: 6px !important;
7452        row-gap: 0 !important;
7453        align-items: center !important;
7454        width: 100% !important;
7455    }
7456
7457    #calendar-filters-container #calendar-filters-navigation {
7458        display: contents !important;
7459    }
7460
7461    #calendar-filters-container .wpem-calendar-left-nav {
7462        grid-column: 1 !important;
7463        grid-row: 1 !important;
7464    }
7465
7466    #calendar-filters-container .wpem-calendar-right-nav {
7467        grid-column: 2 !important;
7468        grid-row: 1 !important;
7469    }
7470
7471    #calendar-filters-container .wpem-calendar-month-filter {
7472        grid-column: 3 !important;
7473        grid-row: 1 !important;
7474        width: 100% !important;
7475        min-width: 0 !important;
7476        margin: 0 !important;
7477    }
7478
7479    #calendar-filters-container .wpem-calendar-year-filter {
7480        grid-column: 4 !important;
7481        grid-row: 1 !important;
7482        width: 100% !important;
7483        min-width: 0 !important;
7484        margin: 0 !important;
7485    }
7486
7487    #calendar-filters-container .wpem-calendar-month-filter select,
7488    #calendar-filters-container .wpem-calendar-year-filter select {
7489        width: 100% !important;
7490        max-width: 100% !important;
7491        min-width: 0 !important;
7492        height: 38px !important;
7493        min-height: 38px !important;
7494        margin: 0 !important;
7495        font-size: 17px !important;
7496        line-height: 1.2 !important;
7497    }
7498}
7499
7500
7501
7502/* Wochentage: Desktop vollständig, Mobile kurz */
7503#calendar-contents-container table.calendar th.weekday-name-column .agb-calendar-weekday-short {
7504    display: none !important;
7505}
7506
7507#calendar-contents-container table.calendar th.weekday-name-column .agb-calendar-weekday-full {
7508    display: inline !important;
7509}
7510
7511/* Tageszellen: Inhalt linksbündig halten */
7512.wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container,
7513.wpem-main #calendar-contents-container table.calendar td.calendar-day-container {
7514    text-align: left !important;
7515}
7516
7517/* Kalender-Titelpillen im Desktop-/Tablet-Monatsraster */
7518.wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill,
7519.wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill,
7520#calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill {
7521    display: inline-block !important;
7522    float: left !important;
7523    clear: left !important;
7524
7525    width: auto !important;
7526    min-width: 0 !important;
7527    max-width: calc(100% - 16px) !important;
7528    height: auto !important;
7529    min-height: 0 !important;
7530
7531    margin: 4px 0 4px 8px !important;
7532    padding: 4px 8px !important;
7533
7534    border-radius: 4px !important;
7535
7536    background-color: inherit;
7537    color: #ffffff !important;
7538    font-size: 12px !important;
7539    line-height: 1.22 !important;
7540    font-weight: 600 !important;
7541
7542    white-space: normal !important;
7543    overflow: visible !important;
7544    text-overflow: clip !important;
7545    word-break: normal !important;
7546    overflow-wrap: anywhere !important;
7547
7548    text-align: left !important;
7549    vertical-align: top !important;
7550    transform: none !important;
7551}
7552
7553/* Falls das Plugin eine innere Zentrierung/Flex-Regel setzt */
7554.wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill *,
7555.wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill * {
7556    text-align: left !important;
7557}
7558
7559/* Ausnahme: Event-Pillen im Heute-Rechteck */
7560.wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill,
7561.wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-category,
7562.wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-type,
7563.wpem-main #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill,
7564.wpem-main #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-category,
7565.wpem-main #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-type {
7566    background: #ffffff !important;
7567    background-color: #ffffff !important;
7568    color: #686868 !important;
7569    border-color: #ffffff !important;
7570}
7571
7572/* Tooltip Card
7573 * v28: stärker/exakter auf die echte Tooltip-Struktur gezielt.
7574 * Wichtig: Titel und Content sind KEIN gemeinsamer Wrapper, sondern Geschwister:
7575 * .agb-calendar-tooltip-banner + .agb-calendar-tooltip-title + .agb-calendar-tooltip-content
7576 */
7577.wpem-main .calendar-tooltip-box.popper.agb-calendar-tooltip-box,
7578.wpem-main .calendar-tooltip-box.agb-calendar-tooltip-box,
7579#calendar-contents-container .calendar-tooltip-box.popper.agb-calendar-tooltip-box,
7580#calendar-contents-container .calendar-tooltip-box.agb-calendar-tooltip-box {
7581    width: 310px !important;
7582    max-width: 310px !important;
7583
7584    padding: 0 !important;
7585    margin: 0 !important;
7586
7587    border: 0 !important;
7588    border-radius: 12px !important;
7589
7590    background: transparent !important;
7591    background-color: transparent !important;
7592
7593    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.18) !important;
7594
7595    overflow: hidden !important;
7596    box-sizing: border-box !important;
7597    z-index: 9999 !important;
7598}
7599
7600.wpem-main .calendar-tooltip-box.popper.agb-calendar-tooltip-box > .calendar-tooltip.agb-calendar-tooltip,
7601.wpem-main .calendar-tooltip-box.agb-calendar-tooltip-box > .calendar-tooltip.agb-calendar-tooltip,
7602#calendar-contents-container .calendar-tooltip-box.popper.agb-calendar-tooltip-box > .calendar-tooltip.agb-calendar-tooltip,
7603#calendar-contents-container .calendar-tooltip-box.agb-calendar-tooltip-box > .calendar-tooltip.agb-calendar-tooltip {
7604    width: 100% !important;
7605    max-width: 100% !important;
7606
7607    padding: 0 !important;
7608    margin: 0 !important;
7609
7610    border: 0 !important;
7611    border-radius: 12px !important;
7612
7613    background: #ffffff !important;
7614    background-color: #ffffff !important;
7615
7616    overflow: hidden !important;
7617    box-sizing: border-box !important;
7618}
7619
7620/* Bild oben: exakt gleicher oberer Radius wie die Tooltip-Card */
7621.wpem-main .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-banner.agb-calendar-tooltip-banner,
7622#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-banner.agb-calendar-tooltip-banner {
7623    display: block !important;
7624
7625    width: 100% !important;
7626    height: 145px !important;
7627    min-height: 145px !important;
7628    max-height: 145px !important;
7629
7630    margin: 0 !important;
7631    padding: 0 !important;
7632
7633    background-size: cover !important;
7634    background-position: center center !important;
7635    background-repeat: no-repeat !important;
7636
7637    border: 0 !important;
7638    border-radius: 12px 12px 0 0 !important;
7639
7640    overflow: hidden !important;
7641    box-sizing: border-box !important;
7642}
7643
7644/* Weißer Bereich: Titel ist eigenes Element direkt unter dem Bild */
7645.wpem-main .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-title.agb-calendar-tooltip-title,
7646#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-title.agb-calendar-tooltip-title {
7647    display: block !important;
7648
7649    padding: 12px 24px 0 24px !important;
7650    margin: 0 0 8px 0 !important;
7651
7652    color: #202020 !important;
7653
7654    font-size: 20px !important;
7655    line-height: 1.22 !important;
7656    font-weight: 700 !important;
7657
7658    white-space: normal !important;
7659    overflow: visible !important;
7660    text-overflow: clip !important;
7661
7662    box-sizing: border-box !important;
7663}
7664
7665/* Weißer Bereich: Meta + Beschreibung, mit mehr seitlichem und unterem Padding */
7666.wpem-main .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-content.agb-calendar-tooltip-content,
7667#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-content.agb-calendar-tooltip-content {
7668    padding: 0 24px 25px 24px !important;
7669    margin: 0 !important;
7670
7671    color: #555555 !important;
7672
7673    font-size: 14px !important;
7674    line-height: 1.42 !important;
7675
7676    box-sizing: border-box !important;
7677}
7678
7679/* Datum + Ort Zeilen */
7680.wpem-main .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-meta,
7681#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-meta {
7682    display: flex !important;
7683    align-items: flex-start !important;
7684    gap: 0 !important;
7685
7686    margin-top: 4px !important;
7687    margin-bottom: 0 !important;
7688
7689    color: #555555 !important;
7690
7691    font-size: 14px !important;
7692    line-height: 1.35 !important;
7693    font-weight: 400 !important;
7694
7695    white-space: normal !important;
7696    overflow: visible !important;
7697    text-overflow: clip !important;
7698}
7699
7700/* Erste Meta-Zeile etwas näher an den Titel */
7701.wpem-main .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-content.agb-calendar-tooltip-content > .agb-calendar-tooltip-meta:first-child,
7702#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip > .calendar-tooltip-content.agb-calendar-tooltip-content > .agb-calendar-tooltip-meta:first-child {
7703    margin-top: 2px !important;
7704}
7705
7706/* Mehr Luft rechts vom Icon */
7707.wpem-main .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-meta i,
7708#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-meta i {
7709    flex: 0 0 18px !important;
7710    width: 18px !important;
7711    min-width: 18px !important;
7712
7713    margin-right: 9px !important;
7714    margin-top: 1px !important;
7715
7716    text-align: center !important;
7717    line-height: 1.25 !important;
7718}
7719
7720.wpem-main .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-meta span,
7721#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-meta span {
7722    display: block !important;
7723    flex: 1 1 auto !important;
7724    min-width: 0 !important;
7725}
7726
7727/* Kurzbeschreibung */
7728.wpem-main .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-description,
7729#calendar-contents-container .calendar-tooltip.agb-calendar-tooltip .agb-calendar-tooltip-description {
7730    display: block !important;
7731
7732    margin: 13px 0 0 0 !important;
7733
7734    color: #555555 !important;
7735
7736    font-size: 14px !important;
7737    line-height: 1.45 !important;
7738
7739    white-space: normal !important;
7740    overflow: visible !important;
7741    text-overflow: clip !important;
7742}
7743
7744/* Mobile Popup: neuer Titel */
7745#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-popup-title {
7746    margin: 0 0 12px 0 !important;
7747    padding: 0 !important;
7748    color: #333333 !important;
7749    font-size: 21px !important;
7750    line-height: 1.25 !important;
7751    font-weight: 700 !important;
7752}
7753
7754/* Mobile Popup: etwas mehr Luft unten */
7755#calendar-day-popup .calendar-day-popup-content,
7756#calendar-day-popup #calendar-day-popup-body {
7757    padding-bottom: 20px !important;
7758}
7759
7760/* Mobile Popup: Eventtitel wieder als farbige Pillen */
7761#calendar-day-popup #calendar-day-popup-body a.agb-calendar-mobile-event-badge,
7762#calendar-day-popup #calendar-day-popup-body a.calendar-event-details-link.agb-calendar-event-pill,
7763#calendar-day-popup #calendar-day-popup-body a.calendar-event-details-link.event-category,
7764#calendar-day-popup #calendar-day-popup-body a.calendar-event-details-link.event-type {
7765    display: inline-block !important;
7766    float: none !important;
7767    clear: none !important;
7768
7769    width: auto !important;
7770    max-width: 100% !important;
7771    height: auto !important;
7772    min-height: 0 !important;
7773
7774    margin: 5px 7px 7px 0 !important;
7775    padding: 6px 12px !important;
7776
7777    border-radius: 5px !important;
7778
7779    color: #ffffff !important;
7780    font-size: 15px !important;
7781    line-height: 1.25 !important;
7782    font-weight: 600 !important;
7783
7784    white-space: normal !important;
7785    overflow: visible !important;
7786    text-overflow: clip !important;
7787    text-indent: 0 !important;
7788    text-align: left !important;
7789    text-decoration: none !important;
7790}
7791
7792#calendar-day-popup #calendar-day-popup-body a.agb-calendar-mobile-event-badge *,
7793#calendar-day-popup #calendar-day-popup-body a.calendar-event-details-link.agb-calendar-event-pill * {
7794    color: inherit !important;
7795}
7796
7797/* Tooltip im Mobile Popup nicht anzeigen */
7798#calendar-day-popup #calendar-day-popup-body .calendar-tooltip-box,
7799#calendar-day-popup #calendar-day-popup-body .agb-calendar-tooltip-box {
7800    display: none !important;
7801}
7802
7803/*
7804 * Mobile Hochkant Monatskalender:
7805 * Tagesnamen kurz anzeigen und im Tagesrechteck eine kleine Pille ohne Text anzeigen.
7806 * Wichtig: nur Links innerhalb der Tageszellen, nicht die Links im Popup.
7807 */
7808@media (max-width: 767px) and (orientation: portrait) {
7809    #calendar-contents-container table.calendar th.weekday-name-column .agb-calendar-weekday-full {
7810        display: none !important;
7811    }
7812
7813    #calendar-contents-container table.calendar th.weekday-name-column .agb-calendar-weekday-short {
7814        display: inline !important;
7815    }
7816
7817    /* Mini-Pillen: nur die Links selbst, Tageszahl/Kalender-Schrift bleiben unverändert */
7818    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill,
7819    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill,
7820    #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill {
7821        display: block !important;
7822        float: none !important;
7823        clear: none !important;
7824
7825        width: calc(100% - 8px) !important;
7826        min-width: 0 !important;
7827        max-width: calc(100% - 8px) !important;
7828        height: 10px !important;
7829        min-height: 10px !important;
7830        max-height: 10px !important;
7831
7832        padding: 0 !important;
7833        margin: 1px 4px 6px 4px !important;
7834
7835        border-radius: 4px !important;
7836
7837        font-size: 0 !important;
7838        line-height: 0 !important;
7839        color: transparent !important;
7840
7841        white-space: nowrap !important;
7842        overflow: hidden !important;
7843        text-indent: -9999px !important;
7844        vertical-align: top !important;
7845        box-sizing: border-box !important;
7846    }
7847
7848    /* Mehrere Mini-Pillen im selben Tag enger stapeln */
7849    #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill + a.calendar-event-details-link.agb-calendar-event-pill {
7850        margin-top: 0 !important;
7851    }
7852
7853    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill,
7854    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-category,
7855    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-type,
7856    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill,
7857    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-category,
7858    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container.today > a.calendar-event-details-link.agb-calendar-event-pill.event-type {
7859        background: #ffffff !important;
7860        background-color: #ffffff !important;
7861        border-color: #ffffff !important;
7862    }
7863
7864    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill .calendar-tooltip-box,
7865    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill .agb-calendar-tooltip-box,
7866    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill .calendar-tooltip-box,
7867    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill .agb-calendar-tooltip-box {
7868        display: none !important;
7869    }
7870}
7871
7872
7873/* Mobile Querformat: normale Textpille behalten, nur etwas kompakter */
7874@media (max-width: 1024px) and (orientation: landscape) {
7875    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill,
7876    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill,
7877    #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill {
7878        display: inline-block !important;
7879        float: left !important;
7880        clear: left !important;
7881
7882        width: auto !important;
7883        min-width: 0 !important;
7884        max-width: calc(100% - 12px) !important;
7885        height: auto !important;
7886        min-height: 0 !important;
7887        max-height: none !important;
7888
7889        margin: 3px 0 3px 6px !important;
7890        padding: 3px 6px !important;
7891
7892        border-radius: 4px !important;
7893
7894        color: #ffffff !important;
7895        font-size: 10px !important;
7896        line-height: 1.16 !important;
7897        font-weight: 600 !important;
7898
7899        white-space: normal !important;
7900        overflow: visible !important;
7901        text-indent: 0 !important;
7902        text-align: left !important;
7903    }
7904}
7905
7906
7907/* AGB – Mobile Modal: Badge-Farbe kommt generisch aus der JS-gemessenen Kalenderfarbe.
7908   Keine event-spezifischen URL-/Slug-Ausnahmen mehr. */
7909@media (max-width: 767px) {
7910    #calendar-day-popup.wpem-calendar-view-mobile-popup #calendar-day-popup-body a.agb-calendar-mobile-event-badge {
7911        color: #ffffff !important;
7912    }
7913}
7914
7915
7916/*
7917 * AGB – v33 Desktop Tooltip: Pille darf beim Hover nicht wachsen
7918 * Basis: v28, aber ohne display/visibility/position-Hover-Logik zu überschreiben.
7919 * Idee: Die Tooltip-Box bleibt dort, wo das Plugin sie erwartet, nimmt im Link aber
7920 * keinen Layout-Platz mehr ein. Die sichtbare Card liegt im inneren .calendar-tooltip.
7921 */
7922@media (min-width: 768px) {
7923    #calendar-contents-container table.calendar td.calendar-day-container,
7924    #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill {
7925        overflow: visible !important;
7926    }
7927
7928    #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill > .calendar-tooltip-box.agb-calendar-tooltip-box,
7929    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill > .calendar-tooltip-box.agb-calendar-tooltip-box,
7930    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill > .calendar-tooltip-box.agb-calendar-tooltip-box {
7931        width: 0 !important;
7932        min-width: 0 !important;
7933        max-width: 0 !important;
7934        height: 0 !important;
7935        min-height: 0 !important;
7936        max-height: 0 !important;
7937
7938        padding: 0 !important;
7939        margin: 0 !important;
7940
7941        overflow: visible !important;
7942        box-shadow: none !important;
7943        background: transparent !important;
7944        background-color: transparent !important;
7945
7946        white-space: normal !important;
7947        text-indent: 0 !important;
7948        line-height: normal !important;
7949        z-index: 999999 !important;
7950    }
7951
7952    #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill > .calendar-tooltip-box.agb-calendar-tooltip-box > .calendar-tooltip.agb-calendar-tooltip,
7953    .wpem-main #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill > .calendar-tooltip-box.agb-calendar-tooltip-box > .calendar-tooltip.agb-calendar-tooltip,
7954    .wpem-main.calendar-template-container #calendar-contents-container table.calendar td.calendar-day-container > a.calendar-event-details-link.agb-calendar-event-pill > .calendar-tooltip-box.agb-calendar-tooltip-box > .calendar-tooltip.agb-calendar-tooltip {
7955        width: 310px !important;
7956        min-width: 310px !important;
7957        max-width: 310px !important;
7958
7959        box-shadow: 0 14px 38px rgba(0, 0, 0, 0.18) !important;
7960        transform: translateY(8px) !important;
7961        cursor: default !important;
7962    }
7963}
7964
7965#calendar-contents-container table.calendar td.calendar-day-container.today .no-events-message {
7966    display: none !important;
7967}
7968
7969/*
7970 * AGB – v35 Mobile Popup Event-Cards
7971 * Aus dem einfachen farbigen Event-Badge wird eine kompakte klickbare Mini-Card:
7972 * Badge/Titel, darunter 30/70 Layout mit Bild links und Zeit/Ort rechts.
7973 */
7974#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-popup-cards {
7975    display: block !important;
7976    width: 100% !important;
7977    margin: 0 !important;
7978    padding: 0 !important;
7979    box-sizing: border-box !important;
7980}
7981
7982#calendar-day-popup #calendar-day-popup-body a.agb-calendar-mobile-event-card {
7983    display: block !important;
7984    float: none !important;
7985    clear: both !important;
7986
7987    width: auto !important;
7988    max-width: 81% !important;
7989
7990    margin: 0 19% 14px 0 !important;
7991    padding: 0 0 13px 0 !important;
7992
7993    border: 0 !important;
7994    border-bottom: 1px solid #e3e3e3 !important;
7995    border-radius: 0 !important;
7996
7997    background: transparent !important;
7998    background-color: transparent !important;
7999    box-shadow: none !important;
8000
8001    color: #555555 !important;
8002    text-decoration: none !important;
8003    text-align: left !important;
8004
8005    overflow: visible !important;
8006    box-sizing: border-box !important;
8007}
8008
8009#calendar-day-popup #calendar-day-popup-body a.agb-calendar-mobile-event-card:last-child {
8010    margin-bottom: 0 !important;
8011    padding-bottom: 0 !important;
8012    border-bottom: 0 !important;
8013}
8014
8015#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-card .agb-calendar-mobile-event-badge {
8016    display: inline-block !important;
8017    width: auto !important;
8018    max-width: 100% !important;
8019
8020    margin: 0 0 9px 0 !important;
8021    padding: 6px 12px !important;
8022
8023    border: 0 !important;
8024    border-radius: 5px !important;
8025
8026    color: #ffffff !important;
8027    font-size: 15px !important;
8028    line-height: 1.25 !important;
8029    font-weight: 600 !important;
8030
8031    white-space: normal !important;
8032    overflow: visible !important;
8033    text-overflow: clip !important;
8034    text-indent: 0 !important;
8035    text-align: left !important;
8036    box-sizing: border-box !important;
8037}
8038
8039#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-card-body {
8040    display: grid !important;
8041    grid-template-columns: 30% minmax(0, 70%) !important;
8042    column-gap: 12px !important;
8043    align-items: start !important;
8044
8045    width: 100% !important;
8046    margin: 0 !important;
8047    padding: 0 !important;
8048
8049    box-sizing: border-box !important;
8050}
8051
8052#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-image {
8053    display: block !important;
8054    width: 100% !important;
8055    aspect-ratio: 1.25 / 1 !important;
8056    min-height: 48px !important;
8057
8058    border-radius: 8px !important;
8059    background-color: #eeeeee !important;
8060    background-size: cover !important;
8061    background-position: center center !important;
8062    background-repeat: no-repeat !important;
8063
8064    overflow: hidden !important;
8065    box-sizing: border-box !important;
8066}
8067
8068#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-image--empty {
8069    background-color: #eeeeee !important;
8070}
8071
8072#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-meta {
8073    display: block !important;
8074    min-width: 0 !important;
8075    margin: 0 !important;
8076    padding: 1px 0 0 0 !important;
8077    color: #555555 !important;
8078    box-sizing: border-box !important;
8079}
8080
8081#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-meta-line {
8082    display: flex !important;
8083    align-items: flex-start !important;
8084    gap: 0 !important;
8085
8086    margin: 0 0 5px 0 !important;
8087    padding: 0 !important;
8088
8089    color: #555555 !important;
8090    font-size: 13.5px !important;
8091    line-height: 1.32 !important;
8092    font-weight: 400 !important;
8093
8094    white-space: normal !important;
8095    overflow: visible !important;
8096    text-overflow: clip !important;
8097    text-align: left !important;
8098}
8099
8100#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-meta-line:last-child {
8101    margin-bottom: 0 !important;
8102}
8103
8104#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-meta-line i {
8105    flex: 0 0 16px !important;
8106    width: 16px !important;
8107    min-width: 16px !important;
8108    margin: 1px 7px 0 0 !important;
8109    padding: 0 !important;
8110    color: #555555 !important;
8111    font-size: 13px !important;
8112    line-height: 1.2 !important;
8113    text-align: center !important;
8114}
8115
8116#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-event-meta-line span {
8117    display: block !important;
8118    flex: 1 1 auto !important;
8119    min-width: 0 !important;
8120    color: #555555 !important;
8121}
8122
8123/* Handy hochkant: rechts bewusst ca. 19% Luft */
8124@media (max-width: 767px) and (orientation: portrait) {
8125    #calendar-day-popup #calendar-day-popup-body a.agb-calendar-mobile-event-card {
8126        max-width: 81% !important;
8127        margin-right: 19% !important;
8128    }
8129}
8130
8131/* Handy quer: rechts bewusst ca. 37% Luft */
8132@media (max-width: 1024px) and (orientation: landscape) {
8133    #calendar-day-popup #calendar-day-popup-body a.agb-calendar-mobile-event-card {
8134        max-width: 63% !important;
8135        margin-right: 37% !important;
8136    }
8137}
8138
8139/*
8140 * AGB – v37 Mobile Portrait:
8141 * Das Titel-Badge ist nicht mehr an die 81%-Breite des Card-Inhalts gebunden.
8142 *
8143 * - gesamte klickbare Card: 92% der Popup-Breite
8144 * - Titel-Badge: darf diese 92% nutzen
8145 * - Bild/Meta-Bereich: bleibt optisch bei ca. 81% der Popup-Breite
8146 * - Trennlinie: bleibt ebenfalls bei ca. 81%
8147 * - rechts vom Badge bleiben ca. 8% Luft
8148 *
8149 * 88.043% von 92% entsprechen ungefähr 81% der Popup-Breite.
8150 */
8151@media (max-width: 767px) and (orientation: portrait) {
8152
8153    #calendar-day-popup #calendar-day-popup-body
8154    a.agb-calendar-mobile-event-card {
8155        position: relative !important;
8156
8157        width: 92% !important;
8158        max-width: 92% !important;
8159
8160        margin-right: 8% !important;
8161        padding-bottom: 0 !important;
8162
8163        border-bottom: 0 !important;
8164    }
8165
8166    #calendar-day-popup #calendar-day-popup-body
8167    .agb-calendar-mobile-event-card .agb-calendar-mobile-event-badge {
8168        display: inline-block !important;
8169
8170        width: auto !important;
8171        max-width: 100% !important;
8172
8173        margin-right: 0 !important;
8174    }
8175
8176    #calendar-day-popup #calendar-day-popup-body
8177    .agb-calendar-mobile-event-card .agb-calendar-mobile-event-card-body {
8178        width: 88.043% !important;
8179        max-width: 88.043% !important;
8180    }
8181
8182    #calendar-day-popup #calendar-day-popup-body
8183    a.agb-calendar-mobile-event-card::after {
8184        content: "" !important;
8185        display: block !important;
8186
8187        width: 88.043% !important;
8188        max-width: 88.043% !important;
8189
8190        margin-top: 13px !important;
8191        border-bottom: 1px solid #e3e3e3 !important;
8192    }
8193
8194    #calendar-day-popup #calendar-day-popup-body
8195    a.agb-calendar-mobile-event-card:last-child::after {
8196        content: none !important;
8197        display: none !important;
8198    }
8199}
8200
8201/*
8202 * AGB – v39 Mobile Landscape Popup
8203 *
8204 * Saubere Viewport-Positionierung:
8205 * - Popup wird unabhängig von Plugin-Top/Transform-Regeln exakt zentriert
8206 * - oben und unten bleibt ein fester Sicherheitsabstand
8207 * - bei geringer Displayhöhe scrollt der Popup-Inhalt intern
8208 * - Eventbild bleibt im Querformat ausgeblendet
8209 */
8210@media (max-width: 1024px) and (orientation: landscape) {
8211
8212    #calendar-day-popup.wpem-calendar-view-mobile-popup
8213    .calendar-day-popup-content {
8214        position: fixed !important;
8215
8216        top: 50% !important;
8217        left: 50% !important;
8218        right: auto !important;
8219        bottom: auto !important;
8220
8221        margin: 0 !important;
8222        transform: translate(-50%, -50%) !important;
8223        -webkit-transform: translate(-50%, -50%) !important;
8224
8225        max-width: calc(100vw - 24px) !important;
8226        max-height: calc(100vh - 16px) !important;
8227        max-height: calc(100dvh - 16px) !important;
8228
8229        overflow-x: hidden !important;
8230        overflow-y: auto !important;
8231
8232        overscroll-behavior: contain !important;
8233        -webkit-overflow-scrolling: touch !important;
8234        box-sizing: border-box !important;
8235    }
8236
8237    #calendar-day-popup #calendar-day-popup-body
8238    .agb-calendar-mobile-event-image {
8239        display: none !important;
8240    }
8241
8242    #calendar-day-popup #calendar-day-popup-body
8243    .agb-calendar-mobile-event-card-body {
8244        display: block !important;
8245        grid-template-columns: none !important;
8246        column-gap: 0 !important;
8247
8248        width: 100% !important;
8249        max-width: 100% !important;
8250    }
8251
8252    #calendar-day-popup #calendar-day-popup-body
8253    .agb-calendar-mobile-event-meta {
8254        width: 100% !important;
8255        max-width: 100% !important;
8256        padding-top: 0 !important;
8257    }
8258}
8259
8260/*
8261 * AGB – v41 Mobile Landscape: 2-Spalten-Raster mit vertikalem Weiterlaufen
8262 *
8263 * Nur Handy/Tablet im Querformat:
8264 * - Event 1/2 links untereinander
8265 * - Event 3/4 rechts untereinander
8266 * - Event 5 und weitere folgen in derselben Logik vertikal nach unten
8267 * - bei mehr Inhalt scrollt das Popup ausschließlich vertikal
8268 * - kein horizontaler Hinweis und kein horizontales Scrollen
8269 * - Portrait und Desktop bleiben unverändert
8270 */
8271#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-scroll-hint {
8272    display: none !important;
8273}
8274
8275#calendar-day-popup #calendar-day-popup-body .agb-calendar-mobile-popup-cards-viewport {
8276    width: 100%;
8277    max-width: 100%;
8278    box-sizing: border-box;
8279}
8280
8281@media (max-width: 1024px) and (orientation: landscape) {
8282
8283    #calendar-day-popup.wpem-calendar-view-mobile-popup
8284    .calendar-day-popup-content {
8285        width: min(760px, calc(100vw - 24px)) !important;
8286        max-width: calc(100vw - 24px) !important;
8287
8288        overflow-x: hidden !important;
8289        overflow-y: auto !important;
8290
8291        overscroll-behavior-y: contain !important;
8292        -webkit-overflow-scrolling: touch !important;
8293    }
8294
8295    #calendar-day-popup #calendar-day-popup-body {
8296        overflow: visible !important;
8297    }
8298
8299    #calendar-day-popup #calendar-day-popup-body
8300    .agb-calendar-mobile-popup-title {
8301        margin-bottom: 10px !important;
8302    }
8303
8304    #calendar-day-popup #calendar-day-popup-body
8305    .agb-calendar-mobile-popup-cards-viewport,
8306    #calendar-day-popup #calendar-day-popup-body
8307    .agb-calendar-mobile-popup-cards-viewport--scrollable {
8308        position: relative !important;
8309
8310        width: 100% !important;
8311        max-width: 100% !important;
8312
8313        margin: 0 !important;
8314        padding: 0 !important;
8315
8316        overflow-x: hidden !important;
8317        overflow-y: visible !important;
8318
8319        mask-image: none !important;
8320        -webkit-mask-image: none !important;
8321
8322        scroll-snap-type: none !important;
8323        box-sizing: border-box !important;
8324    }
8325
8326    /*
8327     * Reihenfolge:
8328     *
8329     * Event 1 | Event 3
8330     * Event 2 | Event 4
8331     *
8332     * Event 5 | Event 7
8333     * Event 6 | Event 8
8334     *
8335     * Die PHP/JS-Datei setzt dafür pro Card die Variablen
8336     * --agb-landscape-grid-column und --agb-landscape-grid-row.
8337     */
8338    #calendar-day-popup #calendar-day-popup-body
8339    .agb-calendar-mobile-popup-cards,
8340    #calendar-day-popup #calendar-day-popup-body
8341    .agb-calendar-mobile-popup-cards--scrollable {
8342        display: grid !important;
8343
8344        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
8345        grid-auto-flow: row !important;
8346        grid-auto-rows: auto !important;
8347
8348        column-gap: 18px !important;
8349        row-gap: 12px !important;
8350
8351        width: 100% !important;
8352        min-width: 0 !important;
8353        max-width: 100% !important;
8354
8355        margin: 0 !important;
8356        padding: 0 !important;
8357
8358        align-items: start !important;
8359        box-sizing: border-box !important;
8360    }
8361
8362    #calendar-day-popup #calendar-day-popup-body
8363    .agb-calendar-mobile-popup-cards
8364    a.agb-calendar-mobile-event-card {
8365        display: block !important;
8366
8367        grid-column: var(--agb-landscape-grid-column, auto) !important;
8368        grid-row: var(--agb-landscape-grid-row, auto) !important;
8369
8370        width: 100% !important;
8371        min-width: 0 !important;
8372        max-width: 100% !important;
8373
8374        height: auto !important;
8375        min-height: 0 !important;
8376
8377        margin: 0 !important;
8378        padding: 0 0 10px 0 !important;
8379
8380        border: 0 !important;
8381        border-bottom: 1px solid #e3e3e3 !important;
8382
8383        scroll-snap-align: none !important;
8384        box-sizing: border-box !important;
8385    }
8386
8387    #calendar-day-popup #calendar-day-popup-body
8388    .agb-calendar-mobile-popup-cards
8389    a.agb-calendar-mobile-event-card::after {
8390        content: none !important;
8391        display: none !important;
8392    }
8393
8394    #calendar-day-popup #calendar-day-popup-body
8395    .agb-calendar-mobile-popup-cards
8396    .agb-calendar-mobile-event-badge {
8397        max-width: 100% !important;
8398        margin-bottom: 7px !important;
8399    }
8400
8401    /* Im Querformat bleibt das Bild ausgeblendet; Meta nutzt die volle Spalte. */
8402    #calendar-day-popup #calendar-day-popup-body
8403    .agb-calendar-mobile-popup-cards
8404    .agb-calendar-mobile-event-image {
8405        display: none !important;
8406    }
8407
8408    #calendar-day-popup #calendar-day-popup-body
8409    .agb-calendar-mobile-popup-cards
8410    .agb-calendar-mobile-event-card-body {
8411        display: block !important;
8412
8413        width: 100% !important;
8414        max-width: 100% !important;
8415
8416        margin: 0 !important;
8417        padding: 0 !important;
8418
8419        grid-template-columns: none !important;
8420        column-gap: 0 !important;
8421    }
8422
8423    #calendar-day-popup #calendar-day-popup-body
8424    .agb-calendar-mobile-popup-cards
8425    .agb-calendar-mobile-event-meta {
8426        width: 100% !important;
8427        max-width: 100% !important;
8428        padding-top: 0 !important;
8429    }
8430}
8431
8432/*
8433 * AGB – v42 Mobile Landscape Popup: mehr Innenabstand
8434 *
8435 * Nur Querformat:
8436 * - links/rechts deutlich mehr Innenabstand
8437 * - oben minimal mehr Luft
8438 * - unten bleibt ausreichend Platz
8439 * - Portrait und Desktop bleiben unverändert
8440 */
8441@media (max-width: 1024px) and (orientation: landscape) {
8442
8443    #calendar-day-popup.wpem-calendar-view-mobile-popup
8444    #calendar-day-popup-body {
8445        padding-top: 12px !important;
8446        padding-right: 24px !important;
8447        padding-bottom: 20px !important;
8448        padding-left: 24px !important;
8449
8450        box-sizing: border-box !important;
8451    }
8452}
8453
8454/*
8455 * AGB – v43 Mobile Portrait Popup: vollständig im sichtbaren Viewport
8456 *
8457 * Nur Handy hochkant:
8458 * - außen rundum mindestens 12px Abstand
8459 * - Popup bleibt vertikal zentriert
8460 * - maximale Höhe endet vor dem unteren Bildschirmrand
8461 * - bei mehr Inhalt scrollt nur der Popup-Inhalt
8462 * - Landscape und Desktop bleiben unverändert
8463 */
8464@media (max-width: 767px) and (orientation: portrait) {
8465
8466    #calendar-day-popup.wpem-calendar-view-mobile-popup
8467    .calendar-day-popup-content {
8468        position: fixed !important;
8469
8470        top: 50% !important;
8471        left: 12px !important;
8472        right: 12px !important;
8473        bottom: auto !important;
8474
8475        width: auto !important;
8476        min-width: 0 !important;
8477        max-width: none !important;
8478
8479        height: auto !important;
8480        min-height: 0 !important;
8481        max-height: calc(100vh - 24px) !important;
8482        max-height: calc(100dvh - 24px) !important;
8483
8484        margin: 0 !important;
8485
8486        display: flex !important;
8487        flex-direction: column !important;
8488
8489        transform: translateY(-50%) !important;
8490        -webkit-transform: translateY(-50%) !important;
8491
8492        overflow: hidden !important;
8493        box-sizing: border-box !important;
8494    }
8495
8496    #calendar-day-popup.wpem-calendar-view-mobile-popup
8497    #calendar-day-popup-body {
8498        flex: 1 1 auto !important;
8499        min-height: 0 !important;
8500
8501        overflow-x: hidden !important;
8502        overflow-y: auto !important;
8503
8504        overscroll-behavior-y: contain !important;
8505        -webkit-overflow-scrolling: touch !important;
8506
8507        box-sizing: border-box !important;
8508    }
8509}
8510
8511/*
8512 * AGB – v44 Mobile Portrait Popup: mehr Innenabstand und mehr Luft zwischen Cards
8513 *
8514 * Nur Handy hochkant:
8515 * - links/rechts mehr Innenabstand
8516 * - oben etwas mehr Innenabstand
8517 * - einzelne Event-Cards etwas weiter voneinander getrennt
8518 * - Landscape und Desktop bleiben unverändert
8519 */
8520@media (max-width: 767px) and (orientation: portrait) {
8521
8522    #calendar-day-popup.wpem-calendar-view-mobile-popup
8523    #calendar-day-popup-body {
8524        padding-top: 16px !important;
8525        padding-right: 15px !important;
8526        padding-bottom: 24px !important;
8527        padding-left: 15px !important;
8528    }
8529
8530    #calendar-day-popup #calendar-day-popup-body
8531    a.agb-calendar-mobile-event-card {
8532        margin-bottom: 18px !important;
8533    }
8534
8535    #calendar-day-popup #calendar-day-popup-body
8536    a.agb-calendar-mobile-event-card::after {
8537        margin-top: 15px !important;
8538    }
8539
8540    #calendar-day-popup #calendar-day-popup-body
8541    a.agb-calendar-mobile-event-card:last-child {
8542        margin-bottom: 0 !important;
8543    }
8544}
8545
8546/*
8547 * AGB – v45 Orientierungswechsel-Fix für das offene Mobile-Popup
8548 *
8549 * Problem:
8550 * Die Landscape-Anordnung verwendet Grid-Zeilen. Nach dem Zurückdrehen ins
8551 * Hochformat kann iOS/Safari Teile dieses Layouts optisch beibehalten und dadurch
8552 * riesige Abstände zwischen den Cards erzeugen.
8553 *
8554 * Lösung:
8555 * PHP/JS v26 setzt am Popup zuverlässig eine Portrait-/Landscape-Klasse und
8556 * entfernt im Hochformat alle Landscape-Gridpositionen. Die folgenden Regeln
8557 * sind absichtlich NICHT von einer orientation-Media-Query abhängig und dienen
8558 * als stabiler Endzustand nach dem Drehen.
8559 */
8560
8561/* Hochformat nach einem Orientierungswechsel vollständig zurücksetzen */
8562#calendar-day-popup.agb-calendar-popup-is-portrait
8563.calendar-day-popup-content {
8564    position: fixed !important;
8565
8566    top: 50% !important;
8567    left: 12px !important;
8568    right: 12px !important;
8569    bottom: auto !important;
8570
8571    width: auto !important;
8572    min-width: 0 !important;
8573    max-width: none !important;
8574
8575    height: auto !important;
8576    min-height: 0 !important;
8577    max-height: calc(100vh - 24px) !important;
8578    max-height: calc(100dvh - 24px) !important;
8579
8580    margin: 0 !important;
8581
8582    display: flex !important;
8583    flex-direction: column !important;
8584
8585    transform: translateY(-50%) !important;
8586    -webkit-transform: translateY(-50%) !important;
8587
8588    overflow: hidden !important;
8589    box-sizing: border-box !important;
8590}
8591
8592#calendar-day-popup.agb-calendar-popup-is-portrait
8593#calendar-day-popup-body {
8594    flex: 1 1 auto !important;
8595    min-height: 0 !important;
8596
8597    padding: 16px 15px 24px 15px !important;
8598
8599    overflow-x: hidden !important;
8600    overflow-y: auto !important;
8601
8602    overscroll-behavior-y: contain !important;
8603    -webkit-overflow-scrolling: touch !important;
8604
8605    box-sizing: border-box !important;
8606}
8607
8608#calendar-day-popup.agb-calendar-popup-is-portrait
8609#calendar-day-popup-body
8610.agb-calendar-mobile-popup-cards,
8611#calendar-day-popup.agb-calendar-popup-is-portrait
8612#calendar-day-popup-body
8613.agb-calendar-mobile-popup-cards--scrollable {
8614    display: block !important;
8615
8616    grid-template-columns: none !important;
8617    grid-template-rows: none !important;
8618    grid-auto-flow: initial !important;
8619    grid-auto-rows: initial !important;
8620    column-gap: 0 !important;
8621    row-gap: 0 !important;
8622
8623    width: 100% !important;
8624    min-width: 0 !important;
8625    max-width: 100% !important;
8626
8627    margin: 0 !important;
8628    padding: 0 !important;
8629}
8630
8631#calendar-day-popup.agb-calendar-popup-is-portrait
8632#calendar-day-popup-body
8633a.agb-calendar-mobile-event-card {
8634    display: block !important;
8635
8636    grid-column: auto !important;
8637    grid-row: auto !important;
8638
8639    position: relative !important;
8640
8641    width: 92% !important;
8642    min-width: 0 !important;
8643    max-width: 92% !important;
8644
8645    height: auto !important;
8646    min-height: 0 !important;
8647
8648    margin: 0 8% 18px 0 !important;
8649    padding: 0 !important;
8650
8651    border: 0 !important;
8652    border-bottom: 0 !important;
8653
8654    box-sizing: border-box !important;
8655}
8656
8657#calendar-day-popup.agb-calendar-popup-is-portrait
8658#calendar-day-popup-body
8659a.agb-calendar-mobile-event-card:last-child {
8660    margin-bottom: 0 !important;
8661}
8662
8663#calendar-day-popup.agb-calendar-popup-is-portrait
8664#calendar-day-popup-body
8665.agb-calendar-mobile-event-card-body {
8666    display: grid !important;
8667    grid-template-columns: 30% minmax(0, 70%) !important;
8668    column-gap: 12px !important;
8669    align-items: start !important;
8670
8671    width: 88.043% !important;
8672    max-width: 88.043% !important;
8673}
8674
8675#calendar-day-popup.agb-calendar-popup-is-portrait
8676#calendar-day-popup-body
8677.agb-calendar-mobile-event-image {
8678    display: block !important;
8679}
8680
8681#calendar-day-popup.agb-calendar-popup-is-portrait
8682#calendar-day-popup-body
8683a.agb-calendar-mobile-event-card::after {
8684    content: "" !important;
8685    display: block !important;
8686
8687    width: 88.043% !important;
8688    max-width: 88.043% !important;
8689
8690    margin-top: 15px !important;
8691    border-bottom: 1px solid #e3e3e3 !important;
8692}
8693
8694#calendar-day-popup.agb-calendar-popup-is-portrait
8695#calendar-day-popup-body
8696a.agb-calendar-mobile-event-card:last-child::after {
8697    content: none !important;
8698    display: none !important;
8699}
8700
8701/* Querformat nach einem Orientierungswechsel explizit wieder als 2-Spalten-Raster */
8702#calendar-day-popup.agb-calendar-popup-is-landscape
8703#calendar-day-popup-body
8704.agb-calendar-mobile-popup-cards,
8705#calendar-day-popup.agb-calendar-popup-is-landscape
8706#calendar-day-popup-body
8707.agb-calendar-mobile-popup-cards--scrollable {
8708    display: grid !important;
8709
8710    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
8711    grid-auto-flow: row !important;
8712    grid-auto-rows: auto !important;
8713
8714    column-gap: 18px !important;
8715    row-gap: 12px !important;
8716}
8717
8718#calendar-day-popup.agb-calendar-popup-is-landscape
8719#calendar-day-popup-body
8720a.agb-calendar-mobile-event-card {
8721    grid-column: var(--agb-landscape-grid-column, auto) !important;
8722    grid-row: var(--agb-landscape-grid-row, auto) !important;
8723}
8724
8725/*
8726 * AGB – v46 Mobile Popup: Schließen-X größer
8727 *
8728 * Gilt für Handy hochkant und quer.
8729 */
8730@media (max-width: 1024px) {
8731
8732    #calendar-day-popup.wpem-calendar-view-mobile-popup
8733    .close-popup {
8734        display: flex !important;
8735        align-items: center !important;
8736        justify-content: center !important;
8737
8738        width: 36px !important;
8739        height: 36px !important;
8740
8741        font-size: 30px !important;
8742        line-height: 1 !important;
8743        font-weight: 400 !important;
8744
8745        z-index: 10 !important;
8746    }
8747}
8748
8749/*
8750 * AGB – v47 Tablet-Touch-Popup
8751 *
8752 * Vollständig additive, eigenständige Tablet-Lösung:
8753 * - nur Touch-Geräte mit Tablet-Abmessungen erhalten per JavaScript die Klasse
8754 *   html.agb-calendar-touch-tablet
8755 * - Smartphone-Popups bleiben unverändert
8756 * - Desktop-Hover und Desktop-Direktlink bleiben unverändert
8757 * - Hoch- und Querformat verwenden exakt dieselbe kompakte Popup-Card
8758 */
8759
8760/* Auf dem erkannten Touch-Tablet den ungeeigneten Desktop-Hover-Tooltip ausblenden. */
8761html.agb-calendar-touch-tablet
8762#calendar-contents-container
8763a.calendar-event-details-link.agb-calendar-event-pill
8764> .calendar-tooltip-box,
8765html.agb-calendar-touch-tablet
8766#calendar-contents-container
8767a.calendar-event-details-link.agb-calendar-event-pill
8768> .agb-calendar-tooltip-box {
8769    display: none !important;
8770    visibility: hidden !important;
8771    opacity: 0 !important;
8772    pointer-events: none !important;
8773}
8774
8775body.agb-calendar-tablet-popup-open {
8776    overflow: hidden !important;
8777}
8778
8779#agb-calendar-tablet-event-popup {
8780    position: fixed !important;
8781    inset: 0 !important;
8782
8783    width: 100% !important;
8784    height: 100% !important;
8785
8786    z-index: 999999 !important;
8787}
8788
8789#agb-calendar-tablet-event-popup[aria-hidden="true"] {
8790    display: none !important;
8791}
8792
8793#agb-calendar-tablet-event-popup
8794.agb-calendar-tablet-event-popup__overlay {
8795    position: absolute !important;
8796    inset: 0 !important;
8797
8798    background: rgba(0, 0, 0, 0.48) !important;
8799    cursor: pointer !important;
8800}
8801
8802#agb-calendar-tablet-event-popup
8803.agb-calendar-tablet-event-popup__dialog {
8804    --agb-tablet-event-color: #555555;
8805
8806    position: absolute !important;
8807    top: 50% !important;
8808    left: 50% !important;
8809
8810    display: flex !important;
8811    flex-direction: column !important;
8812
8813    width: min(430px, calc(100vw - 48px)) !important;
8814    max-width: calc(100vw - 48px) !important;
8815
8816    height: auto !important;
8817    max-height: calc(100vh - 48px) !important;
8818    max-height: calc(100dvh - 48px) !important;
8819
8820    margin: 0 !important;
8821    padding: 0 !important;
8822
8823    background: #ffffff !important;
8824    border: 0 !important;
8825    border-top: 6px solid var(--agb-tablet-event-color) !important;
8826    border-radius: 14px !important;
8827    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.3) !important;
8828
8829    overflow: hidden !important;
8830    transform: translate(-50%, -50%) !important;
8831    -webkit-transform: translate(-50%, -50%) !important;
8832
8833    box-sizing: border-box !important;
8834}
8835
8836#agb-calendar-tablet-event-popup
8837.agb-calendar-tablet-event-popup__close {
8838    position: absolute !important;
8839    top: 9px !important;
8840    right: 9px !important;
8841
8842    display: flex !important;
8843    align-items: center !important;
8844    justify-content: center !important;
8845
8846    width: 40px !important;
8847    height: 40px !important;
8848
8849    margin: 0 !important;
8850    padding: 0 0 2px 0 !important;
8851
8852    color: #333333 !important;
8853    background: rgba(255, 255, 255, 0.94) !important;
8854    border: 0 !important;
8855    border-radius: 50% !important;
8856    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;
8857
8858    font-family: Arial, Helvetica, sans-serif !important;
8859    font-size: 31px !important;
8860    font-weight: 400 !important;
8861    line-height: 1 !important;
8862
8863    cursor: pointer !important;
8864    z-index: 3 !important;
8865    -webkit-appearance: none !important;
8866    appearance: none !important;
8867}
8868
8869#agb-calendar-tablet-event-popup
8870.agb-calendar-tablet-event-popup__close:focus-visible {
8871    outline: 3px solid rgba(30, 138, 72, 0.35) !important;
8872    outline-offset: 2px !important;
8873}
8874
8875#agb-calendar-tablet-event-popup
8876.agb-calendar-tablet-event-popup__image {
8877    flex: 0 0 auto !important;
8878
8879    width: 100% !important;
8880    height: 176px !important;
8881
8882    margin: 0 !important;
8883    padding: 0 !important;
8884
8885    background-position: center center !important;
8886    background-repeat: no-repeat !important;
8887    background-size: cover !important;
8888
8889    box-sizing: border-box !important;
8890}
8891
8892#agb-calendar-tablet-event-popup
8893.agb-calendar-tablet-event-popup__image[hidden] {
8894    display: none !important;
8895}
8896
8897#agb-calendar-tablet-event-popup
8898.agb-calendar-tablet-event-popup__content {
8899    flex: 1 1 auto !important;
8900    min-height: 0 !important;
8901
8902    padding: 23px 25px 25px 25px !important;
8903
8904    overflow-x: hidden !important;
8905    overflow-y: auto !important;
8906
8907    overscroll-behavior-y: contain !important;
8908    -webkit-overflow-scrolling: touch !important;
8909
8910    box-sizing: border-box !important;
8911}
8912
8913#agb-calendar-tablet-event-popup
8914.agb-calendar-tablet-event-popup__title {
8915    margin: 0 38px 16px 0 !important;
8916    padding: 0 !important;
8917
8918    color: #252525 !important;
8919
8920    font-size: 23px !important;
8921    font-weight: 700 !important;
8922    line-height: 1.24 !important;
8923    text-align: left !important;
8924}
8925
8926#agb-calendar-tablet-event-popup
8927.agb-calendar-tablet-event-popup__meta {
8928    display: grid !important;
8929    grid-template-columns: 20px minmax(0, 1fr) !important;
8930    column-gap: 9px !important;
8931    align-items: start !important;
8932
8933    margin: 0 0 9px 0 !important;
8934    padding: 0 !important;
8935
8936    color: #505050 !important;
8937
8938    font-size: 15px !important;
8939    line-height: 1.45 !important;
8940    text-align: left !important;
8941}
8942
8943#agb-calendar-tablet-event-popup
8944.agb-calendar-tablet-event-popup__meta[hidden] {
8945    display: none !important;
8946}
8947
8948#agb-calendar-tablet-event-popup
8949.agb-calendar-tablet-event-popup__meta i {
8950    display: block !important;
8951
8952    width: 20px !important;
8953    margin: 2px 0 0 0 !important;
8954
8955    color: #555555 !important;
8956    font-size: 16px !important;
8957    line-height: 1.2 !important;
8958    text-align: center !important;
8959}
8960
8961#agb-calendar-tablet-event-popup
8962.agb-calendar-tablet-event-popup__description {
8963    margin: 15px 0 0 0 !important;
8964    padding: 15px 0 0 0 !important;
8965
8966    color: #4a4a4a !important;
8967    border-top: 1px solid #e5e5e5 !important;
8968
8969    font-size: 15px !important;
8970    line-height: 1.5 !important;
8971    text-align: left !important;
8972}
8973
8974#agb-calendar-tablet-event-popup
8975.agb-calendar-tablet-event-popup__description[hidden] {
8976    display: none !important;
8977}
8978
8979#agb-calendar-tablet-event-popup
8980.agb-calendar-tablet-event-popup__button {
8981    display: inline-flex !important;
8982    align-items: center !important;
8983    justify-content: center !important;
8984
8985    min-height: 44px !important;
8986
8987    margin: 20px 0 0 0 !important;
8988    padding: 10px 20px !important;
8989
8990    color: #ffffff !important;
8991    background: var(--agb-tablet-event-color) !important;
8992    border: 1px solid var(--agb-tablet-event-color) !important;
8993    border-radius: 7px !important;
8994
8995    font-size: 15px !important;
8996    font-weight: 700 !important;
8997    line-height: 1.2 !important;
8998    text-align: center !important;
8999    text-decoration: none !important;
9000
9001    box-sizing: border-box !important;
9002}
9003
9004#agb-calendar-tablet-event-popup
9005.agb-calendar-tablet-event-popup__button:hover,
9006#agb-calendar-tablet-event-popup
9007.agb-calendar-tablet-event-popup__button:focus {
9008    color: #ffffff !important;
9009    filter: brightness(0.9) !important;
9010    text-decoration: none !important;
9011}
9012
9013/*
9014 * AGB – v49 Desktop-Hover-Tooltip: farbige obere Akzentlinie
9015 *
9016 * Ausschließlich für echte Desktop-Hover-Geräte:
9017 * - gleiche dynamische Event-/Angebotsfarbe wie beim Tablet-Popup
9018 * - 6px hohe Linie
9019 * - als Overlay, daher keine Änderung an Größe, Abständen oder Position
9020 * - Tablet- und Smartphone-Popups bleiben vollständig unberührt
9021 */
9022@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
9023
9024    html:not(.agb-calendar-touch-tablet)
9025    #calendar-contents-container
9026    a.calendar-event-details-link.agb-calendar-event-pill
9027    > .calendar-tooltip-box.agb-calendar-tooltip-box
9028    > .calendar-tooltip.agb-calendar-tooltip {
9029        position: relative !important;
9030    }
9031
9032    html:not(.agb-calendar-touch-tablet)
9033    #calendar-contents-container
9034    a.calendar-event-details-link.agb-calendar-event-pill
9035    > .calendar-tooltip-box.agb-calendar-tooltip-box
9036    > .calendar-tooltip.agb-calendar-tooltip::before {
9037        content: "" !important;
9038
9039        position: absolute !important;
9040        top: 0 !important;
9041        left: 0 !important;
9042        right: 0 !important;
9043
9044        display: block !important;
9045        width: 100% !important;
9046        height: 6px !important;
9047
9048        margin: 0 !important;
9049        padding: 0 !important;
9050
9051        background: var(--agb-desktop-tooltip-accent, #555555) !important;
9052        border-radius: 12px 12px 0 0 !important;
9053
9054        pointer-events: none !important;
9055        z-index: 5 !important;
9056        box-sizing: border-box !important;
9057    }
9058}
9059
9060/*
9061 * AGB – v51 Tablet-Popup:
9062 * ursprüngliche geschwungene Akzentkante beibehalten,
9063 * weißen Haarspalt darunter entfernen
9064 *
9065 * Die farbige Akzentuierung bleibt als echtes border-top bestehen.
9066 * So folgen ihre oberen Ecken weiterhin vollständig der 14px-Rundung
9067 * des Popups. Das Bild überlappt den unteren Rand der Akzentkante um 1px,
9068 * damit kein weißer Subpixel-Spalt sichtbar werden kann.
9069 *
9070 * Nur das Tablet-Popup ist betroffen.
9071 */
9072#agb-calendar-tablet-event-popup
9073.agb-calendar-tablet-event-popup__dialog {
9074    border-top: 6px solid var(--agb-tablet-event-color) !important;
9075    border-radius: 14px !important;
9076    overflow: hidden !important;
9077}
9078
9079#agb-calendar-tablet-event-popup
9080.agb-calendar-tablet-event-popup__dialog::before {
9081    content: none !important;
9082    display: none !important;
9083}
9084
9085#agb-calendar-tablet-event-popup
9086.agb-calendar-tablet-event-popup__image {
9087    position: relative !important;
9088    top: 0 !important;
9089
9090    margin-top: -1px !important;
9091
9092    z-index: 1 !important;
9093}
9094
9095/*
9096 * AGB – v56 SAFE RESTORE
9097 *
9098 * WICHTIG:
9099 * Die bewährte Desktop-Tooltip-Positionierung aus v33 bleibt vollständig
9100 * unangetastet:
9101 * - äußere Tooltip-Box 0 x 0
9102 * - sichtbare innere Card 310px
9103 * - keine eigene absolute Positionierung der äußeren Box
9104 * - keine eigenen top/left/right/bottom-Werte
9105 *
9106 * Dadurch:
9107 * - Tooltip erscheint wieder
9108 * - Event-Pille und Tageszelle werden nicht verbreitert
9109 *
9110 * Hier wird ausschließlich die Desktop-Akzentkante optisch gerundet.
9111 */
9112@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
9113
9114    html:not(.agb-calendar-touch-tablet)
9115    #calendar-contents-container
9116    a.calendar-event-details-link.agb-calendar-event-pill
9117    > .calendar-tooltip-box.agb-calendar-tooltip-box
9118    > .calendar-tooltip.agb-calendar-tooltip {
9119        /*
9120         * Die originale v33-Verschiebung ausdrücklich beibehalten.
9121         * Keine Positionslogik ändern.
9122         */
9123        transform: translateY(8px) !important;
9124
9125        border: 0 !important;
9126        border-top: 6px solid var(--agb-desktop-tooltip-accent, #555555) !important;
9127        border-radius: 12px !important;
9128
9129        background: #ffffff !important;
9130        overflow: hidden !important;
9131        box-sizing: border-box !important;
9132    }
9133
9134    /* Die gerade v49-Overlay-Linie abschalten. */
9135    html:not(.agb-calendar-touch-tablet)
9136    #calendar-contents-container
9137    a.calendar-event-details-link.agb-calendar-event-pill
9138    > .calendar-tooltip-box.agb-calendar-tooltip-box
9139    > .calendar-tooltip.agb-calendar-tooltip::before {
9140        content: none !important;
9141        display: none !important;
9142    }
9143
9144    /*
9145     * Bild 1px unter die geschwungene Akzentkante ziehen,
9146     * damit kein weißer Haarspalt sichtbar wird.
9147     */
9148    html:not(.agb-calendar-touch-tablet)
9149    #calendar-contents-container
9150    a.calendar-event-details-link.agb-calendar-event-pill
9151    > .calendar-tooltip-box.agb-calendar-tooltip-box
9152    > .calendar-tooltip.agb-calendar-tooltip
9153    > .calendar-tooltip-banner.agb-calendar-tooltip-banner {
9154        margin-top: -1px !important;
9155        border-radius: 0 !important;
9156    }
9157}
9158
9159/*
9160 * AGB – v58 DESKTOP PORTAL TEST
9161 *
9162 * Der originale verschachtelte Tooltip ist auf Desktop nur Datenquelle.
9163 * Die sichtbare Card wird absolut direkt im Kalender-Container platziert.
9164 */
9165@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
9166
9167    html:not(.agb-calendar-touch-tablet)
9168    #calendar-contents-container {
9169        position: relative !important;
9170    }
9171
9172    /* Originalen WPEM-Tooltip auf Desktop unsichtbar machen. */
9173    html:not(.agb-calendar-touch-tablet)
9174    #calendar-contents-container
9175    table.calendar
9176    td.calendar-day-container
9177    > a.calendar-event-details-link.agb-calendar-event-pill
9178    > .calendar-tooltip-box.agb-calendar-tooltip-box {
9179        display: none !important;
9180        visibility: hidden !important;
9181        opacity: 0 !important;
9182        pointer-events: none !important;
9183    }
9184
9185    /* Sichtbarer Portal-Tooltip; left/top kommen aus PHP v30. */
9186    html:not(.agb-calendar-touch-tablet)
9187    #calendar-contents-container
9188    > .agb-calendar-desktop-tooltip-portal {
9189        position: absolute !important;
9190
9191        display: none !important;
9192        width: 310px !important;
9193        min-width: 310px !important;
9194        max-width: 310px !important;
9195
9196        height: auto !important;
9197        min-height: 0 !important;
9198        max-height: calc(100% - 20px) !important;
9199
9200        margin: 0 !important;
9201        padding: 0 !important;
9202
9203        border: 0 !important;
9204        border-radius: 12px !important;
9205
9206        background: transparent !important;
9207        box-shadow: 0 14px 38px rgba(0, 0, 0, 0.18) !important;
9208
9209        overflow: hidden !important;
9210        box-sizing: border-box !important;
9211
9212        pointer-events: none !important;
9213        z-index: 1000000 !important;
9214    }
9215
9216    html:not(.agb-calendar-touch-tablet)
9217    #calendar-contents-container
9218    > .agb-calendar-desktop-tooltip-portal.is-visible {
9219        display: block !important;
9220    }
9221
9222    html:not(.agb-calendar-touch-tablet)
9223    #calendar-contents-container
9224    > .agb-calendar-desktop-tooltip-portal
9225    > .calendar-tooltip.agb-calendar-tooltip {
9226        position: relative !important;
9227
9228        display: block !important;
9229        width: 100% !important;
9230        min-width: 0 !important;
9231        max-width: 100% !important;
9232
9233        height: auto !important;
9234
9235        margin: 0 !important;
9236        padding: 0 !important;
9237
9238        border: 0 !important;
9239        border-top: 6px solid
9240            var(--agb-desktop-tooltip-accent, #555555) !important;
9241        border-radius: 12px !important;
9242
9243        background: #ffffff !important;
9244        box-shadow: none !important;
9245
9246        overflow: hidden !important;
9247        box-sizing: border-box !important;
9248
9249        transform: none !important;
9250        -webkit-transform: none !important;
9251    }
9252
9253    html:not(.agb-calendar-touch-tablet)
9254    #calendar-contents-container
9255    > .agb-calendar-desktop-tooltip-portal
9256    > .calendar-tooltip.agb-calendar-tooltip::before {
9257        content: none !important;
9258        display: none !important;
9259    }
9260
9261    html:not(.agb-calendar-touch-tablet)
9262    #calendar-contents-container
9263    > .agb-calendar-desktop-tooltip-portal
9264    > .calendar-tooltip.agb-calendar-tooltip
9265    > .calendar-tooltip-banner.agb-calendar-tooltip-banner {
9266        margin-top: -1px !important;
9267        border-radius: 0 !important;
9268    }
9269}
9270
9271/*
9272 * AGB – v59 DESKTOP PORTAL TEST
9273 *
9274 * Bildausschnitt im Desktop-Tooltip leicht nach rechts verschoben.
9275 * 62 % statt 50 % bedeutet: etwas mehr vom rechten Bannerbereich bleibt sichtbar.
9276 *
9277 * Nur der Desktop-Portal-Tooltip ist betroffen.
9278 * Tablet- und Mobile-Bilder bleiben unverändert mittig.
9279 */
9280@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
9281    html:not(.agb-calendar-touch-tablet)
9282    #calendar-contents-container
9283    > .agb-calendar-desktop-tooltip-portal
9284    > .calendar-tooltip.agb-calendar-tooltip
9285    > .calendar-tooltip-banner.agb-calendar-tooltip-banner {
9286        background-position: 62% center !important;
9287    }
9288}</style>
9289                                                        <style>/*
9290 * AGB – WPEM Angebots-Pillen Filter v39 HAUPTFILTER-FLÄCHE TEST
9291 *
9292 * FluentSnippets:
9293 * - Snippet-Typ: CSS
9294 * - Ausführung: Frontend / websiteweit
9295 *
9296 * v3:
9297 * - Farben kommen direkt aus den Veranstaltungsarten des Colors-Plugins
9298 * - Hintergrund- UND Textfarbe werden übernommen
9299 * - weiterhin alle Veranstaltungsarten sichtbar
9300 */
9301
9302/* Alte Schlagwort-Pillen in diesem Filter ausblenden */
9303#event_filters #class_chose.filter_by_tag.agb-offer-pills-replaces-tags {
9304    display: none !important;
9305}
9306
9307/* Neue Angebots-Pillen-Zeile */
9308#event_filters .agb-offer-filter-pills {
9309    display: flex !important;
9310    flex-wrap: wrap !important;
9311    align-items: center !important;
9312    column-gap: 11px !important;
9313    row-gap: 13px !important;
9314
9315    width: 100% !important;
9316    margin: 18px 0 14px 0 !important;
9317    padding: 0 !important;
9318
9319    line-height: normal !important;
9320    box-sizing: border-box !important;
9321}
9322
9323/* Einzelne Angebotspille */
9324#event_filters .agb-offer-filter-pill {
9325    -webkit-appearance: none !important;
9326    appearance: none !important;
9327
9328    display: inline-flex !important;
9329    align-items: center !important;
9330    justify-content: center !important;
9331
9332    width: auto !important;
9333    min-width: 0 !important;
9334    min-height: 27px !important;
9335
9336    margin: 0 !important;
9337    padding: 4px 9px !important;
9338
9339    border: 0 !important;
9340    border-radius: 11px !important;
9341
9342    background-color: var(--agb-offer-pill-color, #e8e8e8) !important;
9343    background-image: none !important;
9344
9345    color: var(--agb-offer-pill-text-color, #333333) !important;
9346    font-family: inherit !important;
9347    font-size: 12px !important;
9348    line-height: 1.2 !important;
9349    font-weight: 700 !important;
9350    letter-spacing: 0.01em !important;
9351    text-align: center !important;
9352    text-decoration: none !important;
9353    white-space: nowrap !important;
9354
9355    box-shadow: none !important;
9356    cursor: pointer !important;
9357
9358    transition:
9359        transform 140ms ease,
9360        opacity 140ms ease,
9361        box-shadow 140ms ease !important;
9362}
9363
9364#event_filters .agb-offer-filter-pill:hover,
9365#event_filters .agb-offer-filter-pill:focus-visible {
9366    color: var(--agb-offer-pill-text-color, #333333) !important;
9367    opacity: 0.88 !important;
9368    transform: translateY(-1px) !important;
9369    outline: none !important;
9370}
9371
9372/* Aktive Pille: gleiche Originalfarben, aber klar erkennbar */
9373#event_filters .agb-offer-filter-pill.is-active {
9374    color: var(--agb-offer-pill-text-color, #333333) !important;
9375    opacity: 1 !important;
9376    transform: translateY(-1px) !important;
9377
9378    box-shadow:
9379        inset 0 0 0 2px rgba(255, 255, 255, 0.82),
9380        0 3px 10px rgba(22, 38, 42, 0.20) !important;
9381}
9382
9383#event_filters .agb-offer-filter-pill:active {
9384    transform: translateY(0) !important;
9385}
9386
9387/* Mobile: etwas kompakter, weiterhin normal umbrechen */
9388@media (max-width: 640px) {
9389    #event_filters .agb-offer-filter-pills {
9390        column-gap: 11px !important;
9391        row-gap: 13px !important;
9392        margin-top: 14px !important;
9393        margin-bottom: 12px !important;
9394    }
9395
9396    #event_filters .agb-offer-filter-pill {
9397        min-height: 26px !important;
9398        padding: 4px 8px !important;
9399        font-size: 11.5px !important;
9400        white-space: normal !important;
9401    }
9402}
9403
9404/* =========================================================
9405   AGB – v10 TEST: graue Ergebnisleiste entfernen
9406   und Reset-Button überall einheitlich gestalten
9407   ========================================================= */
9408
9409/* Die bisherige graue WPEM-Zeile inklusive Ergebnistext und RSS verschwindet. */
9410.agb-wpem-result-summary-hidden {
9411    display: none !important;
9412}
9413
9414/* Überschrift "Termine" und Reset-Button im Handy-Hochformat. */
9415.agb-events-heading-row {
9416    display: flex !important;
9417    align-items: center !important;
9418    justify-content: flex-start !important;
9419    gap: 10px !important;
9420
9421    width: 100% !important;
9422    min-width: 0 !important;
9423    box-sizing: border-box !important;
9424}
9425
9426.agb-events-heading-row > [data-agb-events-heading="1"] {
9427    flex: 0 1 auto !important;
9428    width: auto !important;
9429    min-width: 0 !important;
9430    max-width: none !important;
9431    margin-right: 0 !important;
9432}
9433
9434/*
9435 * Einheitliche Button-Basis für ALLE Positionen:
9436 * - Handy hochkant in der Termine-Zeile
9437 * - Handy quer, Tablet und Desktop vor den Ansichtsbuttons
9438 */
9439button.agb-all-filters-reset,
9440.wpem-event-listings-header button.agb-all-filters-reset,
9441.agb-events-heading-row button.agb-all-filters-reset {
9442    -webkit-appearance: none !important;
9443    appearance: none !important;
9444
9445    display: none !important;
9446    align-items: center !important;
9447    justify-content: center !important;
9448    gap: 8px !important;
9449
9450    flex: 0 0 auto !important;
9451    width: auto !important;
9452    min-width: 0 !important;
9453    min-height: 34px !important;
9454    height: auto !important;
9455
9456    margin: 0 !important;
9457    padding: 7px 13px !important;
9458
9459    border: 0 !important;
9460    border-radius: 6px !important;
9461
9462    background: #f5f5f5 !important;
9463    background-color: #f5f5f5 !important;
9464    background-image: none !important;
9465
9466    color: #666666 !important;
9467    font-family: inherit !important;
9468    font-size: 13px !important;
9469    line-height: 1 !important;
9470    font-weight: 700 !important;
9471    letter-spacing: 0 !important;
9472    text-align: center !important;
9473    text-decoration: none !important;
9474    text-shadow: none !important;
9475    white-space: nowrap !important;
9476
9477    box-shadow: none !important;
9478    outline: none !important;
9479    opacity: 1 !important;
9480    cursor: pointer !important;
9481
9482    position: relative !important;
9483    z-index: 2 !important;
9484
9485    transition:
9486        background-color 140ms ease,
9487        border-color 140ms ease,
9488        color 140ms ease,
9489        transform 140ms ease !important;
9490}
9491
9492/* Nur bei tatsächlich aktivem Filter sichtbar. */
9493button.agb-all-filters-reset.is-visible,
9494.wpem-event-listings-header button.agb-all-filters-reset.is-visible,
9495.agb-events-heading-row button.agb-all-filters-reset.is-visible {
9496    display: inline-flex !important;
9497}
9498
9499/* Icon und Text unabhängig von Theme-/WPEM-Regeln vereinheitlichen. */
9500button.agb-all-filters-reset .agb-all-filters-reset-icon,
9501button.agb-all-filters-reset .agb-all-filters-reset-label {
9502    display: inline-block !important;
9503    margin: 0 !important;
9504    padding: 0 !important;
9505    border: 0 !important;
9506    background: transparent !important;
9507    color: #666666 !important;
9508    line-height: 1 !important;
9509    text-decoration: none !important;
9510    text-shadow: none !important;
9511}
9512
9513button.agb-all-filters-reset .agb-all-filters-reset-icon {
9514    font-size: 16px !important;
9515    font-weight: 500 !important;
9516}
9517
9518button.agb-all-filters-reset .agb-all-filters-reset-label {
9519    font-size: inherit !important;
9520    font-weight: inherit !important;
9521}
9522
9523/* Einheitliches Hover-/Focus-Verhalten auf Desktop und Geräten mit Maus. */
9524button.agb-all-filters-reset:hover,
9525button.agb-all-filters-reset:focus,
9526button.agb-all-filters-reset:focus-visible,
9527.wpem-event-listings-header button.agb-all-filters-reset:hover,
9528.wpem-event-listings-header button.agb-all-filters-reset:focus,
9529.wpem-event-listings-header button.agb-all-filters-reset:focus-visible {
9530    background: #eaeaea !important;
9531    background-color: #eaeaea !important;
9532    color: #555555 !important;
9533    box-shadow: none !important;
9534    outline: none !important;
9535    cursor: pointer !important;
9536    transform: translateY(-1px) !important;
9537}
9538
9539button.agb-all-filters-reset:hover .agb-all-filters-reset-icon,
9540button.agb-all-filters-reset:hover .agb-all-filters-reset-label,
9541button.agb-all-filters-reset:focus .agb-all-filters-reset-icon,
9542button.agb-all-filters-reset:focus .agb-all-filters-reset-label,
9543button.agb-all-filters-reset:focus-visible .agb-all-filters-reset-icon,
9544button.agb-all-filters-reset:focus-visible .agb-all-filters-reset-label {
9545    color: #555555 !important;
9546}
9547
9548button.agb-all-filters-reset:active {
9549    background: #e4e4e4 !important;
9550    background-color: #e4e4e4 !important;
9551    transform: translateY(0) !important;
9552}
9553
9554/* Handy quer, Tablet und Desktop: links vor den 3 Ansichtsbuttons. */
9555.wpem-event-listings-header
9556.wpem-event-layout-action
9557button.agb-all-filters-reset[data-agb-reset-position="layout-actions"] {
9558    margin: 0 10px 0 0 !important;
9559}
9560
9561/* Der Ansichtsbutton-Container bleibt sauber ausgerichtet. */
9562@media (min-width: 768px), (orientation: landscape) {
9563    .wpem-event-listings-header .wpem-event-layout-action {
9564        display: flex !important;
9565        align-items: center !important;
9566    }
9567}
9568
9569/*
9570 * Handy hochkant:
9571 * Termine links, Reset rechtsbündig.
9572 * Der Button wird um 5px nach oben korrigiert.
9573 */
9574@media (max-width: 767px) and (orientation: portrait) {
9575    .agb-events-heading-row {
9576        align-items: center !important;
9577        justify-content: flex-start !important;
9578        width: 100% !important;
9579    }
9580
9581    .agb-events-heading-row > [data-agb-events-heading="1"] {
9582        flex: 0 1 auto !important;
9583        width: auto !important;
9584        margin-right: auto !important;
9585    }
9586
9587    .agb-events-heading-row
9588    button.agb-all-filters-reset[data-agb-reset-position="heading"] {
9589        margin-left: auto !important;
9590        margin-right: 0 !important;
9591        top: -5px !important;
9592    }
9593}
9594
9595/* =========================================================
9596   AGB – v8 TEST: graue Angebots-Pillen ausblenden
9597   und verbleibende Pillen mit 50 % Deckkraft darstellen
9598
9599   Nur temporärer Test.
9600   Als "grau" gilt hier der Plugin-/Snippet-Fallback #e8e8e8.
9601   ========================================================= */
9602
9603/* Pillen ohne eigene Veranstaltungsarten-Farbe ausblenden */
9604#event_filters .agb-offer-filter-pill[
9605    style*="--agb-offer-pill-color: #e8e8e8" i
9606],
9607#event_filters .agb-offer-filter-pill[
9608    style*="--agb-offer-pill-color: rgb(232, 232, 232)" i
9609] {
9610    display: none !important;
9611}
9612
9613/* Alle verbleibenden farbigen Pillen dauerhaft auf 50 % Deckkraft */
9614#event_filters .agb-offer-filter-pill,
9615#event_filters .agb-offer-filter-pill:hover,
9616#event_filters .agb-offer-filter-pill:focus,
9617#event_filters .agb-offer-filter-pill:focus-visible,
9618#event_filters .agb-offer-filter-pill:active,
9619#event_filters .agb-offer-filter-pill.is-active {
9620    opacity: 0.5 !important;
9621}
9622
9623/* AGB – v11 TEST: Reset-Button in jedem Zustand ohne Border */
9624button.agb-all-filters-reset,
9625button.agb-all-filters-reset:hover,
9626button.agb-all-filters-reset:focus,
9627button.agb-all-filters-reset:focus-visible,
9628button.agb-all-filters-reset:active,
9629.wpem-event-listings-header button.agb-all-filters-reset,
9630.wpem-event-listings-header button.agb-all-filters-reset:hover,
9631.wpem-event-listings-header button.agb-all-filters-reset:focus,
9632.wpem-event-listings-header button.agb-all-filters-reset:focus-visible,
9633.wpem-event-listings-header button.agb-all-filters-reset:active,
9634.agb-events-heading-row button.agb-all-filters-reset,
9635.agb-events-heading-row button.agb-all-filters-reset:hover,
9636.agb-events-heading-row button.agb-all-filters-reset:focus,
9637.agb-events-heading-row button.agb-all-filters-reset:focus-visible,
9638.agb-events-heading-row button.agb-all-filters-reset:active {
9639    border: 0 !important;
9640    border-width: 0 !important;
9641    border-style: none !important;
9642    border-color: transparent !important;
9643}
9644
9645/* AGB – v12 TEST: Reset-Icon 2px nach oben */
9646button.agb-all-filters-reset .agb-all-filters-reset-icon {
9647    position: relative !important;
9648    top: -2px !important;
9649}
9650
9651/* AGB – v13 TEST: Reset-Button ohne Icon */
9652button.agb-all-filters-reset .agb-all-filters-reset-icon {
9653    display: none !important;
9654}
9655
9656/* Nach Entfernen des Icons keinen unnötigen Zwischenraum lassen */
9657button.agb-all-filters-reset {
9658    gap: 0 !important;
9659}
9660
9661/* =========================================================
9662   AGB – v14 TEST: Hover und aktiver Zustand der Farbpillen
9663   ========================================================= */
9664
9665/* Hover/Focus: bisheriger Effekt bleibt, Deckkraft steigt zusätzlich auf 100 %. */
9666#event_filters .agb-offer-filter-pill:hover,
9667#event_filters .agb-offer-filter-pill:focus,
9668#event_filters .agb-offer-filter-pill:focus-visible {
9669    opacity: 1 !important;
9670}
9671
9672/*
9673 * Geklickte/aktive Pille:
9674 * kein zusätzlicher Rahmen, Schatten oder Dauer-Versatz;
9675 * nur 100 % Deckkraft.
9676 */
9677#event_filters .agb-offer-filter-pill.is-active {
9678    opacity: 1 !important;
9679    box-shadow: none !important;
9680    transform: none !important;
9681}
9682
9683/* Bei Hover über einer aktiven Pille bleibt der normale Hover-Versatz erhalten. */
9684#event_filters .agb-offer-filter-pill.is-active:hover,
9685#event_filters .agb-offer-filter-pill.is-active:focus,
9686#event_filters .agb-offer-filter-pill.is-active:focus-visible {
9687    opacity: 1 !important;
9688    box-shadow: none !important;
9689    transform: translateY(-1px) !important;
9690}
9691
9692/* =========================================================
9693   AGB – v15 TEST: weiße Angebots-Pillen mit farbigem Glow
9694   ========================================================= */
9695
9696/*
9697 * Normalzustand:
9698 * - volle Deckkraft
9699 * - weißer Hintergrund
9700 * - kein Border
9701 * - äußerer Glow in der Veranstaltungsart-Farbe
9702 * - Schrift ebenfalls in der Veranstaltungsart-Farbe
9703 *
9704 * Größe und Abstände bleiben unverändert.
9705 */
9706#event_filters .agb-offer-filter-pill {
9707    background: #ffffff !important;
9708    background-color: #ffffff !important;
9709    background-image: none !important;
9710
9711    color: var(--agb-offer-pill-color, #686868) !important;
9712
9713    border: 0 !important;
9714    opacity: 1 !important;
9715
9716    box-shadow:
9717        0 0 7px 1px var(--agb-offer-pill-color, #d0d0d0) !important;
9718}
9719
9720/*
9721 * Mouseover / Tastatur-Fokus:
9722 * - Pille füllt sich mit ihrer Veranstaltungsart-Farbe
9723 * - Text wechselt auf die hinterlegte Textfarbe
9724 * - Glow wird etwas stärker
9725 * - bestehender kleiner 1px-Hover-Versatz bleibt
9726 */
9727#event_filters .agb-offer-filter-pill:hover,
9728#event_filters .agb-offer-filter-pill:focus,
9729#event_filters .agb-offer-filter-pill:focus-visible {
9730    background: var(--agb-offer-pill-color, #e8e8e8) !important;
9731    background-color: var(--agb-offer-pill-color, #e8e8e8) !important;
9732
9733    color: var(--agb-offer-pill-text-color, #ffffff) !important;
9734
9735    opacity: 1 !important;
9736
9737    box-shadow:
9738        0 0 11px 2px var(--agb-offer-pill-color, #d0d0d0) !important;
9739
9740    transform: translateY(-1px) !important;
9741    outline: none !important;
9742}
9743
9744/*
9745 * Aktive/gefilterte Pille:
9746 * dauerhaft gefüllt, damit sofort sichtbar bleibt,
9747 * welcher Angebotsfilter ausgewählt ist.
9748 */
9749#event_filters .agb-offer-filter-pill.is-active {
9750    background: var(--agb-offer-pill-color, #e8e8e8) !important;
9751    background-color: var(--agb-offer-pill-color, #e8e8e8) !important;
9752
9753    color: var(--agb-offer-pill-text-color, #ffffff) !important;
9754
9755    opacity: 1 !important;
9756    transform: none !important;
9757
9758    box-shadow:
9759        0 0 10px 1px var(--agb-offer-pill-color, #d0d0d0) !important;
9760}
9761
9762/* Hover über einer bereits aktiven Pille */
9763#event_filters .agb-offer-filter-pill.is-active:hover,
9764#event_filters .agb-offer-filter-pill.is-active:focus,
9765#event_filters .agb-offer-filter-pill.is-active:focus-visible {
9766    box-shadow:
9767        0 0 12px 2px var(--agb-offer-pill-color, #d0d0d0) !important;
9768
9769    transform: translateY(-1px) !important;
9770}
9771
9772/* =========================================================
9773   AGB – v16 TEST: minimal mehr Abstand + grauer softer Glow
9774   ========================================================= */
9775
9776/* Minimal mehr Abstand zwischen den Pillen und zwischen den Reihen */
9777#event_filters .agb-offer-filter-pills {
9778    column-gap: 12px !important;
9779    row-gap: 14px !important;
9780}
9781
9782@media (max-width: 640px) {
9783    #event_filters .agb-offer-filter-pills {
9784        column-gap: 12px !important;
9785        row-gap: 14px !important;
9786    }
9787}
9788
9789/*
9790 * Glow überall neutral grau und etwas transparenter.
9791 * Veranstaltungsart-Farbe bleibt weiterhin nur bei Schrift,
9792 * Hover-Hintergrund und aktivem Zustand erhalten.
9793 */
9794#event_filters .agb-offer-filter-pill {
9795    box-shadow:
9796        0 0 7px 1px rgba(105, 105, 105, 0.18) !important;
9797}
9798
9799#event_filters .agb-offer-filter-pill:hover,
9800#event_filters .agb-offer-filter-pill:focus,
9801#event_filters .agb-offer-filter-pill:focus-visible {
9802    box-shadow:
9803        0 0 10px 1px rgba(105, 105, 105, 0.24) !important;
9804}
9805
9806#event_filters .agb-offer-filter-pill.is-active {
9807    box-shadow:
9808        0 0 9px 1px rgba(105, 105, 105, 0.22) !important;
9809}
9810
9811#event_filters .agb-offer-filter-pill.is-active:hover,
9812#event_filters .agb-offer-filter-pill.is-active:focus,
9813#event_filters .agb-offer-filter-pill.is-active:focus-visible {
9814    box-shadow:
9815        0 0 11px 1px rgba(105, 105, 105, 0.26) !important;
9816}
9817
9818/* =========================================================
9819   AGB – v17 TEST: etwas mehr Padding + kräftigerer grauer Glow
9820   ========================================================= */
9821
9822/* Pillen etwas großzügiger, Abstände zwischen den Pillen bleiben unverändert */
9823#event_filters .agb-offer-filter-pill {
9824    padding: 5px 11px !important;
9825
9826    box-shadow:
9827        0 0 7px 1px rgba(105, 105, 105, 0.26) !important;
9828}
9829
9830@media (max-width: 640px) {
9831    #event_filters .agb-offer-filter-pill {
9832        padding: 5px 10px !important;
9833    }
9834}
9835
9836/* Hover/Fokus: grauer Glow etwas deutlicher */
9837#event_filters .agb-offer-filter-pill:hover,
9838#event_filters .agb-offer-filter-pill:focus,
9839#event_filters .agb-offer-filter-pill:focus-visible {
9840    box-shadow:
9841        0 0 10px 1px rgba(105, 105, 105, 0.32) !important;
9842}
9843
9844/* Aktive Pille */
9845#event_filters .agb-offer-filter-pill.is-active {
9846    box-shadow:
9847        0 0 9px 1px rgba(105, 105, 105, 0.30) !important;
9848}
9849
9850/* Aktive Pille bei Hover/Fokus */
9851#event_filters .agb-offer-filter-pill.is-active:hover,
9852#event_filters .agb-offer-filter-pill.is-active:focus,
9853#event_filters .agb-offer-filter-pill.is-active:focus-visible {
9854    box-shadow:
9855        0 0 11px 1px rgba(105, 105, 105, 0.34) !important;
9856}
9857
9858/* =========================================================
9859   AGB – v18 TEST: Schrift 1px größer + etwas mehr Padding
9860   ========================================================= */
9861
9862#event_filters .agb-offer-filter-pill {
9863    font-size: 13px !important;
9864    padding: 6px 13px !important;
9865}
9866
9867@media (max-width: 640px) {
9868    #event_filters .agb-offer-filter-pill {
9869        font-size: 12.5px !important;
9870        padding: 6px 12px !important;
9871    }
9872}
9873
9874/* =========================================================
9875   AGB – v19 TEST: Glow aus, 1px Border in Veranstaltungsart-Farbe
9876   ========================================================= */
9877
9878/*
9879 * Normalzustand:
9880 * - kein Glow
9881 * - weißer Hintergrund
9882 * - 1px Border in Veranstaltungsart-Farbe
9883 * - Schrift bleibt in Veranstaltungsart-Farbe
9884 */
9885#event_filters .agb-offer-filter-pill {
9886    border: 1px solid var(--agb-offer-pill-color, #d0d0d0) !important;
9887    box-shadow: none !important;
9888}
9889
9890/*
9891 * Hover/Fokus:
9892 * - farbig gefüllt wie bisher
9893 * - Border bleibt in derselben Veranstaltungsart-Farbe
9894 * - kein Glow
9895 */
9896#event_filters .agb-offer-filter-pill:hover,
9897#event_filters .agb-offer-filter-pill:focus,
9898#event_filters .agb-offer-filter-pill:focus-visible {
9899    border-color: var(--agb-offer-pill-color, #d0d0d0) !important;
9900    box-shadow: none !important;
9901}
9902
9903/*
9904 * Aktive Pille:
9905 * - farbig gefüllt
9906 * - Border in derselben Veranstaltungsart-Farbe
9907 * - kein Glow
9908 */
9909#event_filters .agb-offer-filter-pill.is-active,
9910#event_filters .agb-offer-filter-pill.is-active:hover,
9911#event_filters .agb-offer-filter-pill.is-active:focus,
9912#event_filters .agb-offer-filter-pill.is-active:focus-visible {
9913    border-color: var(--agb-offer-pill-color, #d0d0d0) !important;
9914    box-shadow: none !important;
9915}
9916
9917/* =========================================================
9918   AGB – v22 TEST: Border mit 40 % Deckkraft
9919   ========================================================= */
9920
9921#event_filters .agb-offer-filter-pill,
9922#event_filters .agb-offer-filter-pill:hover,
9923#event_filters .agb-offer-filter-pill:focus,
9924#event_filters .agb-offer-filter-pill:focus-visible,
9925#event_filters .agb-offer-filter-pill.is-active,
9926#event_filters .agb-offer-filter-pill.is-active:hover,
9927#event_filters .agb-offer-filter-pill.is-active:focus,
9928#event_filters .agb-offer-filter-pill.is-active:focus-visible {
9929    border-color:
9930        color-mix(
9931            in srgb,
9932            var(--agb-offer-pill-color, #d0d0d0) 25%,
9933            transparent
9934        ) !important;
9935}
9936
9937/* =========================================================
9938   AGB – v21 TEST: kompakter, dezenter Glow in Angebotsfarbe
9939   ========================================================= */
9940
9941/*
9942 * Der 1px-Border mit 40 % Deckkraft bleibt bestehen.
9943 * Zusätzlich ein enger, schwacher Glow in derselben
9944 * Veranstaltungsart-Farbe.
9945 */
9946#event_filters .agb-offer-filter-pill {
9947    box-shadow:
9948        0 0 4px 0
9949        color-mix(
9950            in srgb,
9951            var(--agb-offer-pill-color, #d0d0d0) 22%,
9952            transparent
9953        ) !important;
9954}
9955
9956/* Hover/Fokus: minimal stärker, aber weiterhin kompakt */
9957#event_filters .agb-offer-filter-pill:hover,
9958#event_filters .agb-offer-filter-pill:focus,
9959#event_filters .agb-offer-filter-pill:focus-visible {
9960    box-shadow:
9961        0 0 5px 0
9962        color-mix(
9963            in srgb,
9964            var(--agb-offer-pill-color, #d0d0d0) 30%,
9965            transparent
9966        ) !important;
9967}
9968
9969/* Aktive Pille: leicht sichtbar, ohne weitläufigen Schein */
9970#event_filters .agb-offer-filter-pill.is-active {
9971    box-shadow:
9972        0 0 5px 0
9973        color-mix(
9974            in srgb,
9975            var(--agb-offer-pill-color, #d0d0d0) 27%,
9976            transparent
9977        ) !important;
9978}
9979
9980#event_filters .agb-offer-filter-pill.is-active:hover,
9981#event_filters .agb-offer-filter-pill.is-active:focus,
9982#event_filters .agb-offer-filter-pill.is-active:focus-visible {
9983    box-shadow:
9984        0 0 6px 0
9985        color-mix(
9986            in srgb,
9987            var(--agb-offer-pill-color, #d0d0d0) 32%,
9988            transparent
9989        ) !important;
9990}
9991
9992/* =========================================================
9993   AGB – v23 TEST
9994   - kein Mouseover-/Fokus-Effekt auf Mobile und Tablet
9995   - Pillen auf Handy hochkant und quer etwas kleiner
9996   ========================================================= */
9997
9998/*
9999 * Mobile und Tablet:
10000 * Kein farbiges Hover-/Fokus-Füllen und kein Hochspringen.
10001 * Eine bereits aktive Pille bleibt aktiv und farbig.
10002 */
10003@media (hover: none),
10004       (pointer: coarse),
10005       (min-width: 768px) and (max-width: 1024px) {
10006
10007    #event_filters .agb-offer-filter-pill:not(.is-active):hover,
10008    #event_filters .agb-offer-filter-pill:not(.is-active):focus,
10009    #event_filters .agb-offer-filter-pill:not(.is-active):focus-visible {
10010        background: #ffffff !important;
10011        background-color: #ffffff !important;
10012        background-image: none !important;
10013
10014        color: var(--agb-offer-pill-color, #686868) !important;
10015
10016        border-color:
10017            color-mix(
10018                in srgb,
10019                var(--agb-offer-pill-color, #d0d0d0) 25%,
10020                transparent
10021            ) !important;
10022
10023        box-shadow:
10024            0 0 4px 0
10025            color-mix(
10026                in srgb,
10027                var(--agb-offer-pill-color, #d0d0d0) 22%,
10028                transparent
10029            ) !important;
10030
10031        opacity: 1 !important;
10032        transform: none !important;
10033        outline: none !important;
10034    }
10035
10036    #event_filters .agb-offer-filter-pill.is-active:hover,
10037    #event_filters .agb-offer-filter-pill.is-active:focus,
10038    #event_filters .agb-offer-filter-pill.is-active:focus-visible {
10039        background: var(--agb-offer-pill-color, #e8e8e8) !important;
10040        background-color: var(--agb-offer-pill-color, #e8e8e8) !important;
10041
10042        color: var(--agb-offer-pill-text-color, #ffffff) !important;
10043
10044        border-color:
10045            color-mix(
10046                in srgb,
10047                var(--agb-offer-pill-color, #d0d0d0) 25%,
10048                transparent
10049            ) !important;
10050
10051        box-shadow:
10052            0 0 5px 0
10053            color-mix(
10054                in srgb,
10055                var(--agb-offer-pill-color, #d0d0d0) 27%,
10056                transparent
10057            ) !important;
10058
10059        opacity: 1 !important;
10060        transform: none !important;
10061        outline: none !important;
10062    }
10063}
10064
10065/*
10066 * Handy hochkant und quer:
10067 * etwas kleiner als Desktop und Tablet.
10068 * Die Abstände zwischen den Pillen bleiben unverändert.
10069 */
10070@media (max-width: 767px) {
10071    #event_filters .agb-offer-filter-pill {
10072        min-height: 25px !important;
10073        padding: 5px 10px !important;
10074        font-size: 12px !important;
10075    }
10076}
10077
10078/* =========================================================
10079   AGB – v24 TEST:
10080   Handy hochkant und quer – Pillenabstände reduziert
10081   ========================================================= */
10082
10083@media (max-width: 767px) {
10084    #event_filters .agb-offer-filter-pills {
10085        column-gap: 9px !important;
10086        row-gap: 10px !important;
10087    }
10088}
10089
10090/* =========================================================
10091   AGB – v25 TEST:
10092   Tablet hochkant und quer – etwas kleinere und engere Pillen
10093   ========================================================= */
10094
10095@media (min-width: 768px) and (max-width: 1024px) {
10096    #event_filters .agb-offer-filter-pills {
10097        column-gap: 11px !important;
10098        row-gap: 13px !important;
10099    }
10100
10101    #event_filters .agb-offer-filter-pill {
10102        min-height: 26px !important;
10103        padding: 5px 11px !important;
10104        font-size: 12.5px !important;
10105    }
10106}
10107
10108/* =========================================================
10109   AGB – v26 TEST:
10110   Alte Schlagwort-Pillen bereits beim ersten Seitenaufbau
10111   vollständig ausblenden
10112   ========================================================= */
10113
10114/*
10115 * Bisher wurden die alten Schlagwort-Pillen erst ausgeblendet,
10116 * nachdem das JavaScript die Zusatzklasse
10117 * .agb-offer-pills-replaces-tags gesetzt hatte.
10118 *
10119 * Dieser Selektor greift sofort beim ersten CSS-Rendern und
10120 * verhindert dadurch das kurze Aufblitzen der grauen Pillen.
10121 */
10122#event_filters #class_chose.filter_by_tag {
10123    display: none !important;
10124    visibility: hidden !important;
10125}
10126
10127/* =========================================================
10128   AGB – v27 TEST:
10129   Tablet hochkant und quer – Pillen noch etwas kleiner
10130   ========================================================= */
10131
10132@media (min-width: 768px) and (max-width: 1024px) {
10133    #event_filters .agb-offer-filter-pill {
10134        min-height: 25px !important;
10135        padding: 4px 10px !important;
10136        font-size: 12px !important;
10137    }
10138}
10139
10140/* =========================================================
10141   AGB – v28 TEST:
10142   Tablet hochkant normal, nur Tablet quer etwas kleiner
10143   ========================================================= */
10144
10145/* Tablet hochkant: wieder die etwas größere Tablet-Größe */
10146@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
10147    #event_filters .agb-offer-filter-pill {
10148        min-height: 26px !important;
10149        padding: 5px 11px !important;
10150        font-size: 12.5px !important;
10151    }
10152}
10153
10154/* Tablet quer: kleinere Variante */
10155@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
10156    #event_filters .agb-offer-filter-pill {
10157        min-height: 25px !important;
10158        padding: 4px 10px !important;
10159        font-size: 12px !important;
10160    }
10161}
10162
10163/* =========================================================
10164   AGB – v29 TEST:
10165   Nur Tablet Landscape jetzt tatsächlich kleiner
10166   ========================================================= */
10167
10168@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
10169    #event_filters .agb-offer-filter-pill {
10170        min-height: 24px !important;
10171        padding: 3px 9px !important;
10172        font-size: 11.5px !important;
10173    }
10174}
10175
10176/* =========================================================
10177   AGB – v30 TEST:
10178   Tablet Landscape auch bei modernen Tablet-Breiten erfassen
10179   ========================================================= */
10180
10181/*
10182 * v29 endete bei 1024px. Viele aktuelle Tablets liegen im
10183 * Querformat darüber und wurden deshalb nicht getroffen.
10184 *
10185 * Diese Regel gilt nur im Querformat auf Touch-Geräten und
10186 * reicht bis 1366px. Tablet Portrait bleibt unverändert.
10187 */
10188@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (hover: none),
10189       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse),
10190       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (any-pointer: coarse) {
10191
10192    #event_filters .agb-offer-filter-pill {
10193        min-height: 23px !important;
10194        padding: 3px 8px !important;
10195        font-size: 11px !important;
10196    }
10197
10198    #event_filters .agb-offer-filter-pills {
10199        column-gap: 10px !important;
10200        row-gap: 12px !important;
10201    }
10202}
10203
10204/* =========================================================
10205   AGB – v31 TEST:
10206   Tablet Landscape minimal größer als v30
10207   ========================================================= */
10208
10209@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (hover: none),
10210       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse),
10211       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (any-pointer: coarse) {
10212
10213    #event_filters .agb-offer-filter-pill {
10214        min-height: 24px !important;
10215        padding: 3.5px 8.5px !important;
10216        font-size: 11.25px !important;
10217    }
10218}
10219
10220/* =========================================================
10221   AGB – v32 TEST:
10222   Tablet Landscape sichtbar, aber nur leicht größer als v30
10223   ========================================================= */
10224
10225/*
10226 * Die Änderung in v31 betrug nur 0,25–0,5px und kann durch
10227 * Subpixel-Rundung des Browsers praktisch unsichtbar bleiben.
10228 * Deshalb jetzt eine kleine, aber tatsächlich sichtbare Stufe.
10229 */
10230@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (hover: none),
10231       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse),
10232       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (any-pointer: coarse) {
10233
10234    #event_filters .agb-offer-filter-pill {
10235        min-height: 25px !important;
10236        padding: 4px 9px !important;
10237        font-size: 11.5px !important;
10238    }
10239}
10240
10241/* =========================================================
10242   AGB – v33 TEST:
10243   Tablet Landscape noch einen Hauch größer
10244   ========================================================= */
10245
10246@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (hover: none),
10247       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse),
10248       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (any-pointer: coarse) {
10249
10250    #event_filters .agb-offer-filter-pill {
10251        min-height: 26px !important;
10252        padding: 4.5px 9.5px !important;
10253        font-size: 11.75px !important;
10254    }
10255}
10256
10257/* =========================================================
10258   AGB – v34 TEST:
10259   Tablet Landscape noch einen Hauch größer
10260   ========================================================= */
10261
10262@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (hover: none),
10263       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse),
10264       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (any-pointer: coarse) {
10265
10266    #event_filters .agb-offer-filter-pill {
10267        min-height: 27px !important;
10268        padding: 5px 10px !important;
10269        font-size: 12px !important;
10270    }
10271}
10272
10273/* =========================================================
10274   AGB – v35 TEST:
10275   Tablet Portrait übernimmt die Größe aus Tablet Landscape
10276   ========================================================= */
10277
10278@media (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) and (hover: none),
10279       (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) and (pointer: coarse),
10280       (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) and (any-pointer: coarse) {
10281
10282    #event_filters .agb-offer-filter-pill {
10283        min-height: 27px !important;
10284        padding: 5px 10px !important;
10285        font-size: 12px !important;
10286    }
10287}
10288
10289/* =========================================================
10290   AGB – v36 TEST:
10291   Desktop – Pillen etwas kleiner
10292   ========================================================= */
10293
10294@media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
10295    #event_filters .agb-offer-filter-pill {
10296        min-height: 26px !important;
10297        padding: 5px 11px !important;
10298        font-size: 12.5px !important;
10299    }
10300}
10301
10302/* =========================================================
10303   AGB – v37 TEST:
10304   Datumsbereich in der Monthly-Calendar-Ansicht deaktivieren
10305   ========================================================= */
10306
10307/*
10308 * Desktop, Tablet und Handy quer:
10309 * Datumsbereich bleibt an seiner Position, wird aber eindeutig
10310 * ausgegraut und ist nicht anklickbar.
10311 */
10312#event_filters.agb-monthly-calendar-active
10313.agb-date-filter-disabled-for-calendar
10314.comiseo-daterangepicker-triggerbutton {
10315    background: #f1f3f3 !important;
10316    background-color: #f1f3f3 !important;
10317    background-image: none !important;
10318
10319    border-color: #e0e4e4 !important;
10320    color: #9aa2a1 !important;
10321
10322    box-shadow: none !important;
10323    opacity: 0.72 !important;
10324
10325    cursor: not-allowed !important;
10326    pointer-events: none !important;
10327}
10328
10329#event_filters.agb-monthly-calendar-active
10330.agb-date-filter-disabled-for-calendar
10331.comiseo-daterangepicker-triggerbutton,
10332#event_filters.agb-monthly-calendar-active
10333.agb-date-filter-disabled-for-calendar
10334.comiseo-daterangepicker-triggerbutton * {
10335    color: #9aa2a1 !important;
10336}
10337
10338/*
10339 * Handy hochkant:
10340 * Den kompletten Datumsbereich ausblenden, weil er in der
10341 * Monatsansicht keinen zusätzlichen Nutzen hat.
10342 */
10343@media (max-width: 767px) and (orientation: portrait) {
10344    #event_filters.agb-monthly-calendar-active
10345    .agb-date-filter-disabled-for-calendar {
10346        display: none !important;
10347    }
10348}
10349
10350/* =========================================================
10351   AGB – v38 HAUPTFILTER-FLÄCHE WIE LISTENANSICHT
10352
10353   Betrifft ausschließlich die Hauptfilter-Row:
10354   Suche | Angebote | Zielgruppen | Datumsbereich
10355
10356   Verwendet exakt dasselbe Hintergrundgrau und dieselben
10357   responsiven Rundungen/Innenabstände wie die Fläche der
10358   Listenansicht, auf der die List-Cards liegen.
10359
10360   Nicht betroffen:
10361   - Angebots-Pillen unterhalb der Hauptfilter-Row
10362   - Ansichtsbuttons
10363   - Card-/Listen-/Kalender-Inhalte
10364   ========================================================= */
10365
10366/* Desktop */
10367#event_filters
10368.search_events.search-form-container {
10369    padding: 18px !important;
10370
10371    border: 0 !important;
10372    border-radius: 18px !important;
10373
10374    background: #f4f6f6 !important;
10375    background-color: #f4f6f6 !important;
10376    background-image: none !important;
10377
10378    box-shadow: none !important;
10379    box-sizing: border-box !important;
10380}
10381
10382/* Tablet Hoch- und Querformat */
10383@media (min-width: 768px) and (max-width: 1366px) {
10384
10385    #event_filters
10386    .search_events.search-form-container {
10387        padding: 13px !important;
10388        border-radius: 15px !important;
10389    }
10390}
10391
10392/* Handy Querformat */
10393@media (max-width: 767px) and (orientation: landscape) {
10394
10395    #event_filters
10396    .search_events.search-form-container {
10397        padding: 10px !important;
10398        border-radius: 12px !important;
10399    }
10400}
10401
10402/* Handy Hochformat */
10403@media (max-width: 767px) and (orientation: portrait) {
10404
10405    #event_filters
10406    .search_events.search-form-container {
10407        padding: 10px !important;
10408        border-radius: 14px !important;
10409    }
10410}
10411
10412/* =========================================================
10413   AGB – v39:
10414   Pillen-Row auf allen Geräten mit mehr Seitenabstand
10415   ========================================================= */
10416
10417#event_filters .agb-offer-filter-pills {
10418    padding-left: 8px !important;
10419    padding-right: 8px !important;
10420}
10421
10422/* =========================================================
10423   AGB – v40:
10424   Hauptfilter-Row nur im Handy-Hochformat minimal breiter
10425
10426   Insgesamt 8px breiter:
10427   - links 4px
10428   - rechts 4px
10429
10430   Alle anderen Geräte bleiben unverändert.
10431   ========================================================= */
10432
10433@media (max-width: 767px) and (orientation: portrait) {
10434
10435    #event_filters
10436    .search_events.search-form-container {
10437        width: calc(100% + 8px) !important;
10438        max-width: none !important;
10439
10440        margin-left: -4px !important;
10441        margin-right: -4px !important;
10442    }
10443}</style>
10444                            <link rel="preload" href="https://www.die-agb.de/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/awb-icons.woff" as="font" type="font/woff" crossorigin><link rel="preload" href="//www.die-agb.de/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.die-agb.de/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.die-agb.de/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://www.die-agb.de/wp-content/uploads/fusion-icons/Accountant-Pro-v2.0/fonts/Accountant-Pro.ttf?ym7fev" as="font" type="font/ttf" crossorigin><link rel="preload" href="https://www.die-agb.de/wp-content/uploads/fusion-gfonts/xn7gYHE41ni1AdIRggexSg.
10444woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://www.die-agb.de/wp-content/uploads/fusion-gfonts/xn7gYHE41ni1AdIRggexSg.woff2" as="font" type="font/woff2" crossorigin><style type="text/css" id="css-fb-visibility">@media screen and (max-width: 640px){.fusion-no-small-visibility{display:none !important;}body .sm-text-align-center{text-align:center !important;}body .sm-text-align-left{text-align:left !important;}body .sm-text-align-right{text-align:right !important;}body .sm-text-align-justify{text-align:justify !important;}body .sm-flex-align-center{justify-content:center !important;}body .sm-flex-align-flex-start{justify-content:flex-start !important;}body .sm-flex-align-flex-end{justify-content:flex-end !important;}body .sm-mx-auto{margin-left:auto !important;margin-right:auto !important;}body .sm-ml-auto{margin-left:auto !important;}body .sm-mr-auto{margin-right:auto !important;}body .fusion-absolute-position-small{position:absolute;width:100%;}.awb-sticky.awb-sticky-small{ position: sticky; top: var(--awb-sticky-offset,0); }}@media screen and (min-width: 641px) and (max-width: 1200px){.fusion-no-medium-visibility{display:none !important;}body .md-text-align-center{text-align:center !important;}body .md-text-align-left{text-align:left !important;}body .md-text-align-right{text-align:right !important;}body .md-text-align-justify{text-align:justify !important;}body .md-flex-align-center{justify-content:center !important;}body .md-flex-align-flex-start{justify-content:flex-start !important;}body .md-flex-align-flex-end{justify-content:flex-end !important;}body .md-mx-auto{margin-left:auto !important;margin-right:auto !important;}body .md-ml-auto{margin-left:auto !important;}body .md-mr-auto{margin-right:auto !important;}body .fusion-absolute-position-medium{position:absolute;width:100%;}.awb-sticky.awb-sticky-medium{ position: sticky; top: var(--awb-sticky-offset,0); }}@media screen and (min-width: 1201px){.fusion-no-large-visibility{display:none !important;}body .lg-text-align-center{text-align:center !important;}body .lg-text-align-left{text-align:left !important;}body .lg-text-align-right{text-align:right !important;}body .lg-text-align-justify{text-align:justify !important;}body .lg-flex-align-center{justify-content:center !important;}body .lg-flex-align-flex-start{justify-content:flex-start !important;}body .lg-flex-align-flex-end{justify-content:flex-end !important;}body .lg-mx-auto{margin-left:auto !important;margin-right:auto !important;}body .lg-ml-auto{margin-left:auto !important;}body .lg-mr-auto{margin-right:auto !important;}body .fusion-absolute-position-large{position:absolute;width:100%;}.awb-sticky.awb-sticky-large{ position: sticky; top: var(--awb-sticky-offset,0); }}</style><style id="wp-custom-css">
10445/*
10446 * AGB Custom CSS – Baseline nach Responsive-Finalisierung
10447 *
10448 * Quelle: Eingefügter Text.txt
10449 * Stand: 2026-06-25 / 2026-06-26
10450 *
10451 * Hinweis:
10452 * - Hauptblöcke wurden fortlaufend nummeriert.
10453 * - CSS-Werte wurden bewusst nicht semantisch verändert.
10454 * - Keine funktionierenden Regeln wurden absichtlich entfernt.
10455 * - Diese Datei ist als neue strukturierte Baseline für Punkt 1 gedacht.
10456 */
10457
10458/* =========================================================
10459   01 – AGB – Allgemein: Navigation & Footer
10460   ========================================================= */
10461
10462.fusion-body .fusion-menu-element-wrapper[data-count="2"]:not(.collapse-enabled) .fusion-menu-element-list ul,
10463.fusion-body .fusion-menu-element-wrapper[data-count="2"]:not(.collapse-enabled) .custom-menu-search-dropdown .fusion-menu-searchform-dropdown .fusion-search-form-content,
10464.fusion-body .fusion-menu-element-wrapper[data-count="2"]:not(.collapse-enabled) .fusion-menu-element-list .fusion-megamenu-wrapper {
10465  box-shadow: 0px 50px 32px -12px rgba(2,58,81,0.2);
10466  padding-bottom: 12px;
10467}
10468
10469.fusion-footer-widget-area,
10470.fusion-footer-widget-area a {
10471  font-size: 14px !important;
10472}
10473
10474
10475/* =========================================================
10476   02 – AGB – WPEM Basis: Team & Veranstaltungsort
10477   ========================================================= */
10478
10479/* Kein Organizer More-Info-Button */
10480.wpem-single-event-page .wpem-single-event-footer .wpem-organizer-profile-wrapper .wpem-organizer-profile .wpem-organizer-contact-actions {
10481  display: none;
10482}
10483
10484/* Kein Button/Klick unter Team-/Ort-Bild */
10485.wpem-single-event-page .wpem-single-event-footer .wpem-organizer-profile-wrapper .wpem-organizer-profile .wpem-organizer-logo-wrapper .wpem-organizer-logo,
10486.wpem-single-event-page .wpem-single-event-footer .wpem-venue-profile-wrapper .wpem-venue-profile .wpem-venue-logo-wrapper .wpem-venue-logo {
10487  pointer-events: none;
10488  cursor: default;
10489  text-decoration: none;
10490}
10491
10492/* Veranstaltungsort-Link deaktivieren */
10493.wpem-single-event-page .wpem-single-event-footer .wpem-venue-wrapper .wpem-venue-profile .wpem-venue-name.wpem-heading-text a {
10494  pointer-events: none;
10495  cursor: default;
10496  text-decoration: none;
10497}
10498
10499/* Veranstaltungsort-Bild-Link deaktivieren */
10500.wpem-single-event-page .wpem-single-event-footer .wpem-venue-profile-wrapper .wpem-venue-profile .wpem-venue-logo-wrapper .wpem-venue-logo img {
10501  pointer-events: none;
10502  cursor: default;
10503  text-decoration: none;
10504}
10505
10506/* Nur Team- und Veranstaltungsort-Bilder abrunden */
10507.wpem-single-event-page .wpem-organizer-profile img,
10508.wpem-single-event-page .wpem-venue-profile img,
10509.wpem-single-event-page .wpem-organizer-logo img,
10510.wpem-single-event-page .wpem-venue-logo img,
10511.wpem-single-event-page .wpem-single-organizer-profile-wrapper img,
10512.wpem-single-event-page .wpem-single-venue-profile-wrapper img {
10513  border-radius: 14px;
10514  overflow: hidden;
10515}
10516
10517
10518/* =========================================================
10519   03 – AGB – Google Maps Button
10520   ========================================================= */
10521
10522.google-maps-link {
10523  display: inline-block;
10524  padding: 8px 13px;
10525  background-color: #3eb7ab !important;
10526  color: #ffffff !important;
10527  text-decoration: none !important;
10528  border-radius: 7px;
10529  margin-top: 10px;
10530  font-size: 12px;
10531  font-weight: 800;
10532  line-height: 1.2;
10533}
10534
10535.google-maps-link:hover,
10536.google-maps-link:focus {
10537  background-color: #319f95 !important;
10538  color: #ffffff !important;
10539  text-decoration: none !important;
10540}
10541
10542
10543/* =========================================================
10544   04 – AGB – WPEM Grundabstände & kleine Typo-Anpassungen
10545   ========================================================= */
10546
10547.calendar-button-container {
10548  margin-left: -5px;
10549}
10550
10551/* Share with friends section upper margin */
10552@media (max-width: 768px) {
10553  h3.wpem-heading-text.wpem-share-heading {
10554    margin-top: 30px !important;
10555  }
10556}
10557
10558.my-empty-space {
10559  margin-top: 10px;
10560}
10561
10562.my-empty-space-vor-typ {
10563  margin-top: 18px;
10564}
10565
10566.wpem-main strong {
10567    font-size: 14px;
10568}
10569
10570.wpem-form-wrapper .wpem-form-group input[type=text] {
10571  font-size: 16px;
10572}
10573
10574.wpem-form-group .comiseo-daterangepicker-triggerbutton.ui-button {
10575  font-size: 16px;
10576}
10577
10578.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar .wpem-event-type .event-type {
10579  font-size: 12px;
10580}
10581
10582.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar .wpem-event-category .event-category {
10583  font-size: 11.65px;
10584}
10585
10586.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar .wpem-heading-text {
10587  font-size: 17px;
10588}
10589
10590.wpem-event-tags span {
10591  font-size: 12px;
10592}
10593
10594
10595/* =========================================================
10596   05 – AGB – Shortcodes Ultimate & Raum-Label
10597   ========================================================= */
10598
10599.su-box {
10600  border-color: #7E9239;
10601}
10602
10603.su-box-content {
10604  color: #575757;
10605}
10606
10607html body .su-box.my_box_now {
10608  border-color: #7E9239 !important;
10609}
10610
10611/* Ihr Weg zu uns zusätzliche Details */
10612.su-row.my-bhb-weg {
10613  font-size: 14px;
10614  line-height: 160%;
10615}
10616
10617/* Only affects the venue description block */
10618.wpem-venue-description .raum-label {
10619  text-transform: uppercase;
10620}
10621
10622.wpem-venue-description .raum-label:empty {
10623  display: none;
10624}
10625
10626
10627/* =========================================================
10628   06 – AGB – FluentForms Formular 8
10629   ========================================================= */
10630
10631/* Labels aligned even when wrapping */
10632#fluentform_8 .ff-el-group .ff-el-input--label {
10633  min-height: 56px;
10634  display: flex;
10635  align-items: flex-end;
10636  line-height: 1.4;
10637}
10638
10639/* Single-line inputs & selects same height */
10640#fluentform_8 .ff-el-input--content
10641  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="submit"]):not([type="button"]),
10642#fluentform_8 .ff-el-input--content
10643  select:not([multiple]) {
10644  height: 46px;
10645  line-height: 46px;
10646  padding: 0 40px 0 14px;
10647  box-sizing: border-box;
10648}
10649
10650/* Dropdown arrow */
10651#fluentform_8 .ff-el-input--content select {
10652  -webkit-appearance: none;
10653  -moz-appearance: none;
10654  appearance: none;
10655  background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/9d/Arrow-down.svg");
10656  background-repeat: no-repeat;
10657  background-position: right 14px center;
10658  background-size: 12px auto;
10659}
10660
10661/* Control vertical spacing inside each field group */
10662#fluentform_8 .ff-el-group {
10663  margin-top: 0px;
10664  margin-bottom: 0px;
10665}
10666
10667/* Textareas */
10668#fluentform_8 .ff-el-input--content textarea {
10669  min-height: 140px;
10670  line-height: 1.4;
10671}
10672
10673/* Gap für 2-Spalten-Container */
10674@media (min-width: 900px) {
10675  #fluentform_8 .ff-t-container.ff-column-container.ff_columns_total_2.ffgap-48 {
10676    display: flex !important;
10677    flex-wrap: nowrap !important;
10678  }
10679
10680  #fluentform_8 .ff-t-container.ff-column-container.ff_columns_total_2.ffgap-48 > .ff-t-cell {
10681    box-sizing: border-box !important;
10682    flex: 0 0 50% !important;
10683    max-width: 49% !important;
10684    padding: 0 !important;
10685    margin: 0 !important;
10686  }
10687
10688  #fluentform_8 .ff-t-container.ff-column-container.ff_columns_total_2.ffgap-48 > .ff-t-cell:first-child {
10689    padding-right: 19px !important;
10690  }
10691
10692  #fluentform_8 .ff-t-container.ff-column-container.ffgap-48.ff_columns_total_2 > .ff-t-cell:last-child {
10693    padding-left: 22px !important;
10694  }
10695}
10696
10697@media (max-width: 899.98px) {
10698  #fluentform_8 .ff-t-container.ff-column-container.ff_columns_total_2.ffgap-48 > .ff-t-cell {
10699    padding-left: 0 !important;
10700    padding-right: 0 !important;
10701  }
10702}
10703
10704
10705/* =========================================================
10706   07 – AGB – Diverse Inhaltsseiten
10707   ========================================================= */
10708
10709/* Schulsozialarbeit Boxen */
10710.schuso-box1 {
10711  --awb-padding-bottom: 40px !important;
10712}
10713
10714.schuso-box2 {
10715  --awb-padding-bottom: 33px !important;
10716}
10717
10718.schuso-box3 {
10719  --awb-padding-bottom: 40px !important;
10720}
10721
10722.schuso-box4 {
10723  --awb-padding-bottom: 12px !important;
10724}
10725
10726/* Förderer My-Title */
10727.fusion-text.foerderer-mytitle h6,
10728.foerderer-mytitle .fusion-responsive-typography-calculated {
10729  margin-bottom: 17px !important;
10730  margin-top: 15px !important;
10731  font-size: 16.5px !important;
10732  line-height: 1.3 !important;
10733  color: #59667D;
10734}
10735
10736
10737/* Social title links auf Familienfrühstück Page */
10738.title-social-link {
10739  color: inherit;
10740  text-decoration: none;
10741  display: flex;
10742  width: fit-content;
10743  align-items: center;
10744  gap: 8px;
10745  margin-bottom: 12px;
10746}
10747
10748.title-social-link i {
10749  width: 28px;
10750  min-width: 28px;
10751  line-height: 1;
10752  text-align: center;
10753}
10754
10755/* Instagram */
10756.title-instagram-link i {
10757  font-size: 1.7em;
10758  color: #E1306C;
10759}
10760
10761.title-instagram-link:hover {
10762  color: #E1306C;
10763}
10764
10765/* Facebook */
10766.title-facebook-link i {
10767  font-size: 1.45em;
10768  color: #1877F2;
10769}
10770
10771.title-facebook-link:hover {
10772  color: #1877F2;
10773}
10774
10775
10776/* E-Mail senden Link wrapper */
10777.title-email-link {
10778  color: inherit;
10779  text-decoration: none;
10780  font-weight: bold;
10781}
10782
10783.title-email-link:hover {
10784  color: #000000;
10785}
10786
10787.title-email-link i {
10788  margin-right: 10px;
10789  font-size: 1.1em;
10790  vertical-align: middle;
10791  color: #59667D;
10792}
10793
10794.title-email-link .email-text {
10795  position: relative;
10796  top: 1.6px;
10797}
10798
10799/* Only affect page ID 9404 */
10800.page-id-9404 h1.entry-title {
10801  line-height: 1.39;
10802}
10803
10804/* Spielend zw Kurs Icons */
10805.course-icon {
10806  display: inline-flex;
10807  align-items: center;
10808  justify-content: center;
10809  width: 22px;
10810  height: 22px;
10811  border-radius: 50%;
10812  background-color: #1b2e4b;
10813  color: #fff;
10814  font-weight: 700;
10815  font-size: 13px;
10816  margin-left: 6px;
10817}
10818
10819.course-item {
10820  margin-bottom: 14px;
10821  line-height: 0.9;
10822}
10823
10824.course-item strong {
10825  display: inline-block;
10826  margin-bottom: 2px;
10827}
10828
10829.kleine-subheadline {
10830  font-size: 0.7em;
10831  font-weight: 600;
10832}
10833
10834
10835/* =========================================================
10836   08 – AGB – Avada Titlebar Mask
10837   ========================================================= */
10838
10839.fusion-page-title-bar.agb-masked-titlebar {
10840  width: calc(100% - 48px) !important;
10841  max-width: none !important;
10842  margin: 35px auto 15px auto !important;
10843
10844  height: clamp(190px, calc((100vw - 48px) / 6.95), 306px) !important;
10845  min-height: clamp(190px, calc((100vw - 48px) / 6.95), 306px) !important;
10846
10847  background-size: cover !important;
10848  background-position: center center !important;
10849  background-repeat: no-repeat !important;
10850
10851  -webkit-mask-image: url('https://www.die-agb.de/svgmask/my_desktop_frame.svg') !important;
10852  mask-image: url('https://www.die-agb.de/svgmask/my_desktop_frame.svg') !important;
10853
10854  -webkit-mask-size: 100% 100% !important;
10855  mask-size: 100% 100% !important;
10856
10857  -webkit-mask-repeat: no-repeat !important;
10858  mask-repeat: no-repeat !important;
10859
10860  -webkit-mask-position: center center !important;
10861  mask-position: center center !important;
10862
10863  -webkit-mask-mode: alpha !important;
10864  mask-mode: alpha !important;
10865
10866  overflow: hidden !important;
10867}
10868
10869.fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-row,
10870.fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-wrapper {
10871  height: 100% !important;
10872  min-height: 100% !important;
10873  position: relative !important;
10874}
10875
10876.fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-captions {
10877  position: relative !important;
10878  z-index: 5 !important;
10879  padding-left: 150px !important;
10880}
10881
10882.fusion-page-title-bar.agb-masked-titlebar h1 {
10883  font-size: clamp(38px, 4vw, 64px) !important;
10884  line-height: 1.05 !important;
10885  margin-bottom: 8px !important;
10886}
10887
10888.fusion-page-title-bar.agb-masked-titlebar h3,
10889.fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-secondary {
10890  font-size: clamp(15px, 1.2vw, 20px) !important;
10891  line-height: 1.25 !important;
10892}
10893
10894@media (min-width: 769px) {
10895  body.agb-has-masked-titlebar #main {
10896    padding-top: 0 !important;
10897    margin-top: 0 !important;
10898  }
10899
10900  body.agb-has-masked-titlebar #main > .fusion-row,
10901  body.agb-has-masked-titlebar #main .post-content > .fusion-fullwidth:first-child,
10902  body.agb-has-masked-titlebar #main .fusion-fullwidth:first-child,
10903  body.agb-has-masked-titlebar #main .fusion-builder-row:first-child {
10904    padding-top: 0 !important;
10905    margin-top: 0 !important;
10906  }
10907}
10908
10909/* Tablet */
10910@media (max-width: 1200px) {
10911  .fusion-page-title-bar.agb-masked-titlebar {
10912    width: calc(100% - 40px) !important;
10913    max-width: none !important;
10914    margin: 30px auto 15px auto !important;
10915
10916    height: clamp(230px, calc((100vw - 40px) / 3.98), 306px) !important;
10917    min-height: clamp(230px, calc((100vw - 40px) / 3.98), 306px) !important;
10918
10919    -webkit-mask-image: url('https://www.die-agb.de/svgmask/my_tablet_frame.svg') !important;
10920    mask-image: url('https://www.die-agb.de/svgmask/my_tablet_frame.svg') !important;
10921  }
10922
10923  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-captions {
10924    padding-left: 90px !important;
10925  }
10926
10927  .fusion-page-title-bar.agb-masked-titlebar h1 {
10928    font-size: clamp(36px, 5vw, 56px) !important;
10929  }
10930
10931  .fusion-page-title-bar.agb-masked-titlebar h3,
10932  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-secondary {
10933    font-size: clamp(15px, 1.8vw, 19px) !important;
10934  }
10935}
10936
10937/* Mobile */
10938@media (max-width: 768px) {
10939  .fusion-page-title-bar.agb-masked-titlebar {
10940    width: calc(100% - 32px) !important;
10941    max-width: none !important;
10942    margin: 24px auto 15px auto !important;
10943
10944    height: 245px !important;
10945    min-height: 245px !important;
10946    max-height: 245px !important;
10947
10948    -webkit-mask-image: url('https://www.die-agb.de/svgmask/my_mobile_frame.svg') !important;
10949    mask-image: url('https://www.die-agb.de/svgmask/my_mobile_frame.svg') !important;
10950
10951    background-size: cover !important;
10952    background-position: center center !important;
10953  }
10954
10955  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-row,
10956  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-wrapper,
10957  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-captions {
10958    height: 245px !important;
10959    min-height: 245px !important;
10960    max-height: 245px !important;
10961    padding-top: 0 !important;
10962    padding-bottom: 0 !important;
10963    margin-top: 0 !important;
10964    margin-bottom: 0 !important;
10965  }
10966
10967  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-captions {
10968    padding-left: 38px !important;
10969    padding-right: 28px !important;
10970  }
10971
10972  .fusion-page-title-bar.agb-masked-titlebar h1 {
10973    font-size: clamp(42px, 11vw, 58px) !important;
10974    line-height: 1.05 !important;
10975    margin-bottom: 10px !important;
10976  }
10977
10978  .fusion-page-title-bar.agb-masked-titlebar h3,
10979  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-secondary {
10980    font-size: clamp(18px, 4.5vw, 26px) !important;
10981    line-height: 1.25 !important;
10982  }
10983
10984  body.agb-has-masked-titlebar #main {
10985    padding-top: 10px !important;
10986  }
10987
10988  body.agb-has-masked-titlebar #main > .fusion-row,
10989  body.agb-has-masked-titlebar #main .post-content > .fusion-fullwidth:first-child,
10990  body.agb-has-masked-titlebar #main .post-content > .fusion-builder-row:first-child,
10991  body.agb-has-masked-titlebar #main .fusion-fullwidth:first-child {
10992    padding-top: 0 !important;
10993    margin-top: 0 !important;
10994  }
10995
10996  body.agb-has-masked-titlebar #main .post-content > *:first-child {
10997    margin-top: 0 !important;
10998  }
10999}
11000
11001/* Sehr kleine Geräte */
11002@media (max-width: 420px) {
11003  .fusion-page-title-bar.agb-masked-titlebar {
11004    width: calc(100% - 24px) !important;
11005    height: 245px !important;
11006    min-height: 245px !important;
11007    max-height: 245px !important;
11008  }
11009
11010  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-row,
11011  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-wrapper,
11012  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-captions {
11013    height: 245px !important;
11014    min-height: 245px !important;
11015    max-height: 245px !important;
11016  }
11017
11018  .fusion-page-title-bar.agb-masked-titlebar .fusion-page-title-captions {
11019    padding-left: 30px !important;
11020    padding-right: 24px !important;
11021  }
11022
11023  .fusion-page-title-bar.agb-masked-titlebar h1 {
11024    font-size: clamp(38px, 12vw, 52px) !important;
11025  }
11026}
11027
11028
11029/* =========================================================
11030   09 – AGB – Hint Box
11031   ========================================================= */
11032
11033.hint-box {
11034  --hb-bg: #f5faf7;
11035  --hb-border: #2e7d32;
11036  --hb-accent: #1b5e20;
11037  --hb-text: #203227;
11038
11039  display: grid;
11040  grid-template-columns: 44px 1fr;
11041  gap: 14px;
11042  padding: 36px 18px;
11043  border: 1px solid var(--hb-border);
11044  border-left: 6px solid var(--hb-accent);
11045  border-radius: 12px;
11046  background: var(--hb-bg);
11047  color: var(--hb-text);
11048  line-height: 1.45;
11049}
11050
11051.hint-box .hb-icon {
11052  align-self: start;
11053}
11054
11055.hint-box h3 {
11056  margin: 9px 0 20px 0;
11057  font-size: 1.1rem;
11058  line-height: 1.2;
11059  color: var(--hb-accent);
11060  font-weight: 700;
11061}
11062
11063.hint-box ul {
11064  margin: 8px 0 0 0;
11065  padding-left: 18px;
11066}
11067
11068.hint-box li {
11069  margin: 6px 0;
11070}
11071
11072.fusion-text .hint-box,
11073.hint-box * {
11074  font-weight: inherit;
11075}
11076
11077.hint-box strong {
11078  font-weight: 600;
11079  color: #1b5e20;
11080}
11081
11082
11083/* =========================================================
11084   10 – AGB – Single Event: Kooperationspartner & Förderer
11085   ========================================================= */
11086
11087.agb-event-partners-section {
11088  margin-top: 0px;
11089  margin-bottom: 34px;
11090  clear: both;
11091}
11092
11093.agb-event-partners-section .wpem-listing-accordion-panel {
11094  padding: 0;
11095}
11096
11097.agb-event-partners-grid {
11098  display: flex;
11099  flex-wrap: nowrap;
11100  align-items: center;
11101  justify-content: center;
11102  padding: 34px 0 38px;
11103  width: 100%;
11104}
11105
11106.agb-event-partner-cell {
11107  flex: 0 1 auto;
11108  min-width: 0;
11109  min-height: 96px;
11110  padding: 0 45px;
11111  display: flex;
11112  align-items: center;
11113  justify-content: center;
11114  border-left: 1px dashed #d8dde3;
11115}
11116
11117.agb-event-partner-cell:first-child {
11118  border-left: 0;
11119}
11120
11121.agb-event-partner-cell a {
11122  display: flex;
11123  align-items: center;
11124  justify-content: center;
11125  width: auto;
11126  max-width: 220px;
11127  text-decoration: none;
11128}
11129
11130.agb-event-partner-cell img {
11131  display: block;
11132  width: auto;
11133  height: auto;
11134  max-width: 220px;
11135  max-height: 64px;
11136  object-fit: contain;
11137}
11138
11139.agb-logo-size-small img {
11140  max-height: 48px;
11141  max-width: 160px;
11142}
11143
11144.agb-logo-size-normal img {
11145  max-height: 64px;
11146  max-width: 200px;
11147}
11148
11149.agb-logo-size-large img {
11150  max-height: 78px;
11151  max-width: 220px;
11152}
11153
11154.agb-logo-size-wide img {
11155  max-height: 54px;
11156  max-width: 230px;
11157}
11158
11159.agb-logo-size-tall img {
11160  max-height: 82px;
11161  max-width: 145px;
11162}
11163
11164.agb-event-partner-cell[style*="--agb-partner-logo-width"] a {
11165  max-width: var(--agb-partner-logo-width);
11166}
11167
11168.agb-event-partner-cell[style*="--agb-partner-logo-width"] img {
11169  width: var(--agb-partner-logo-width);
11170  max-width: var(--agb-partner-logo-width);
11171  max-height: none;
11172}
11173
11174@media (max-width: 900px) {
11175  .agb-event-partners-grid {
11176    display: grid;
11177    grid-template-columns: repeat(2, minmax(0, 1fr));
11178    padding: 32px 0 36px;
11179    row-gap: 28px;
11180  }
11181
11182  .agb-event-partner-cell {
11183    min-height: 100px;
11184    padding: 0 30px;
11185  }
11186
11187  .agb-event-partner-cell:nth-child(odd) {
11188    border-left: 0;
11189  }
11190
11191  .agb-event-partner-cell:nth-child(even) {
11192    border-left: 1px dashed #d8dde3;
11193  }
11194}
11195
11196@media (max-width: 560px) {
11197  .agb-event-partners-grid {
11198    grid-template-columns: 1fr;
11199    padding: 26px 0 30px;
11200    row-gap: 20px;
11201  }
11202
11203  .agb-event-partner-cell {
11204    min-height: 84px;
11205    padding: 8px 36px;
11206    border-left: 0 !important;
11207  }
11208
11209  .agb-event-partner-cell img {
11210    max-height: 60px;
11211    max-width: 220px;
11212  }
11213
11214  .agb-event-partner-cell[style*="--agb-partner-logo-width"] img {
11215    max-width: min(var(--agb-partner-logo-width), 220px);
11216  }
11217}
11218
11219
11220/* =========================================================
11221   11 – AGB – Bereich-Logos in der Single-Event-Sidebar Linie nur zwischen mehreren Logos
11222   ========================================================= */
11223
11224.agb-bereich-logos {
11225  display: flex;
11226  flex-direction: column;
11227  align-items: flex-start;
11228  margin-top: 8px;
11229}
11230
11231.agb-bereich-logo {
11232  position: relative;
11233  padding: 0;
11234  margin: 0;
11235}
11236
11237/* Nur ab dem zweiten Logo: Abstand + Linie darüber */
11238.agb-bereich-logo + .agb-bereich-logo {
11239  margin-top: 18px;
11240  padding-top: 18px;
11241}
11242
11243.agb-bereich-logo + .agb-bereich-logo::before {
11244  content: "";
11245  display: block;
11246  width: 230px;
11247  max-width: 100%;
11248  border-top: 1px dashed #d8dde3;
11249  margin-bottom: 20px;
11250}
11251
11252/* Keine Linie oben beim ersten Logo */
11253.agb-bereich-logo:first-child::before {
11254  content: none;
11255}
11256
11257/* Keine Linie unten beim letzten Logo */
11258.agb-bereich-logo:last-child::after {
11259  content: none;
11260}
11261
11262.agb-bereich-logo img {
11263  display: block;
11264  width: var(--bereich-logo-width, 150px);
11265  max-width: 100%;
11266  height: auto;
11267}
11268
11269.agb-bereich-block {
11270  margin-top: 38px;
11271}
11272
11273
11274/* =========================================================
11275   12 – AGB – Single Event: Programmpunkte / Auftritte / Angebote
11276   ========================================================= */
11277
11278.agb-event-program-section {
11279  margin-top: 0px;
11280  margin-bottom: 94px;
11281  padding-left: 38px;
11282  padding-right: 38px;
11283}
11284
11285.agb-event-program-heading-wrap {
11286  margin-bottom: 28px;
11287}
11288
11289.agb-event-program-section h3.agb-event-program-heading,
11290h3.agb-event-program-heading,
11291.agb-event-program-heading {
11292  font-size: 22px !important;
11293  line-height: 1.15 !important;
11294  font-weight: 700 !important;
11295  color: #555555 !important;
11296  margin: 0 !important;
11297  padding-left: 7px !important;
11298  position: relative;
11299}
11300
11301.agb-event-program-section h3.agb-event-program-heading::after,
11302h3.agb-event-program-heading::after,
11303.agb-event-program-heading::after {
11304  content: "";
11305  display: block;
11306  width: 46px;
11307  height: 3px;
11308  background: #3eb7ab;
11309  border-radius: 999px;
11310  margin-top: 3px;
11311}
11312
11313.agb-event-program-list {
11314  display: flex;
11315  flex-direction: column;
11316  gap: 22px;
11317}
11318
11319.agb-event-program-card {
11320  position: relative;
11321  display: grid;
11322  grid-template-columns: 220px 1fr;
11323  column-gap: 26px;
11324  width: 100%;
11325  max-width: 748px;
11326  background: #ffffff;
11327  border: 1px solid #e2e7e8;
11328  border-radius: 12px;
11329  padding: 43px 48px 41px 48px;
11330  box-shadow: 0 10px 24px rgba(16, 48, 58, 0.045);
11331}
11332
11333.agb-event-program-title-row {
11334  display: block;
11335  margin: 0;
11336  padding: 0;
11337}
11338
11339.agb-event-program-icon {
11340  position: absolute;
11341  left: 48px;
11342  top: 43px;
11343  z-index: 2;
11344  width: 62px;
11345  height: 62px;
11346  background: #ffffff;
11347  border-bottom-right-radius: 16px;
11348  display: flex;
11349  align-items: center;
11350  justify-content: center;
11351}
11352
11353.agb-event-program-icon img {
11354  display: block;
11355  width: 38px;
11356  height: 38px;
11357  object-fit: contain;
11358  filter: brightness(0) saturate(100%) invert(61%) sepia(39%) saturate(745%) hue-rotate(127deg) brightness(89%) contrast(88%);
11359}
11360
11361.agb-event-program-icon::before {
11362  content: "";
11363  position: absolute;
11364  top: 0;
11365  left: 62px;
11366  width: 16px;
11367  height: 16px;
11368  background: radial-gradient(circle at 100% 100%, transparent 16px, #ffffff 16px);
11369  pointer-events: none;
11370}
11371
11372.agb-event-program-icon::after {
11373  content: "";
11374  position: absolute;
11375  top: 62px;
11376  left: 0;
11377  width: 16px;
11378  height: 16px;
11379  background: radial-gradient(circle at 100% 100%, transparent 16px, #ffffff 16px);
11380  pointer-events: none;
11381}
11382
11383.agb-event-program-image {
11384  grid-column: 1;
11385  width: 220px;
11386  height: 220px;
11387  margin-top: 0;
11388  border-radius: 14px;
11389  overflow: hidden;
11390  background: #eef4f4;
11391}
11392
11393.agb-event-program-image img {
11394  display: block;
11395  width: 100%;
11396  height: 100%;
11397  object-fit: cover;
11398  object-position: center;
11399}
11400
11401.agb-event-program-content {
11402  grid-column: 2;
11403  padding-top: 0 !important;
11404  margin-top: -7px;
11405  align-self: start;
11406}
11407
11408.agb-event-program-title {
11409  font-size: 20px !important;
11410  line-height: 1.22;
11411  font-weight: 700;
11412  letter-spacing: 0.01em;
11413  color: #073949;
11414  margin: 0 0 4px 0 !important;
11415  padding: 0 !important;
11416}
11417
11418.agb-event-program-artists {
11419  font-size: 15px;
11420  line-height: 1.35;
11421  color: #2f4149;
11422  font-weight: 700;
11423  letter-spacing: 0.02em;
11424  text-transform: uppercase;
11425  margin-bottom: 8px;
11426}
11427
11428.agb-event-program-description {
11429  font-size: 15px;
11430  line-height: 1.55;
11431  color: #263238;
11432  max-width: 430px;
11433}
11434
11435.agb-event-program-description p {
11436  margin: 0 0 6px;
11437}
11438
11439.agb-event-program-description p:last-child {
11440  margin-bottom: 0;
11441}
11442
11443.agb-event-program-link {
11444  display: inline-flex;
11445  align-items: center;
11446  gap: 0;
11447  margin-top: 8px;
11448  color: #3eb7ab;
11449  font-size: 13px;
11450  line-height: 1.3;
11451  font-weight: 700;
11452  text-decoration: none;
11453}
11454
11455.agb-event-program-link span {
11456  display: none;
11457}
11458
11459.agb-event-program-link:hover {
11460  color: #32958d;
11461  text-decoration: none;
11462}
11463
11464.agb-event-program-card:not(:has(.agb-event-program-icon)) .agb-event-program-image {
11465  margin-top: 0;
11466}
11467
11468.agb-event-program-card:not(:has(.agb-event-program-image)) {
11469  grid-template-columns: 1fr;
11470}
11471
11472.agb-event-program-card:not(:has(.agb-event-program-image)) .agb-event-program-icon {
11473  display: none;
11474}
11475
11476.agb-event-program-card:not(:has(.agb-event-program-image)) .agb-event-program-content {
11477  grid-column: 1;
11478}
11479
11480@media (max-width: 900px) {
11481  .agb-event-program-section {
11482    padding-left: 0;
11483    padding-right: 0;
11484  }
11485
11486  .agb-event-program-card {
11487    max-width: none;
11488    grid-template-columns: 210px 1fr;
11489    column-gap: 24px;
11490    padding: 36px;
11491  }
11492
11493  .agb-event-program-icon {
11494    left: 36px;
11495    top: 36px;
11496    width: 58px;
11497    height: 58px;
11498  }
11499
11500  .agb-event-program-icon img {
11501    width: 36px;
11502    height: 36px;
11503  }
11504
11505  .agb-event-program-icon::before {
11506    left: 58px;
11507  }
11508
11509  .agb-event-program-icon::after {
11510    top: 58px;
11511  }
11512
11513  .agb-event-program-image {
11514    width: 210px;
11515    height: 210px;
11516    margin-top: 0;
11517  }
11518
11519  .agb-event-program-description {
11520    max-width: none;
11521  }
11522}
11523
11524@media (max-width: 760px) {
11525  .agb-event-program-section {
11526    margin-top: 38px;
11527    margin-bottom: 42px;
11528    padding-left: 0;
11529    padding-right: 0;
11530  }
11531
11532  .agb-event-program-heading {
11533    font-size: 26px;
11534  }
11535
11536  .agb-event-program-heading-wrap {
11537    margin-bottom: 24px;
11538  }
11539
11540  .agb-event-program-card {
11541    display: block;
11542    padding: 18px;
11543  }
11544
11545  .agb-event-program-icon {
11546    position: static;
11547    width: 38px;
11548    height: 38px;
11549    background: transparent;
11550    border-radius: 0;
11551    margin-left: 6px;
11552    margin-bottom: 12px;
11553  }
11554
11555  .agb-event-program-icon img {
11556    width: 38px;
11557    height: 38px;
11558  }
11559
11560  .agb-event-program-icon::before,
11561  .agb-event-program-icon::after {
11562    display: none;
11563  }
11564
11565  .agb-event-program-image {
11566    width: 100%;
11567    height: 230px;
11568    margin-top: 0;
11569    margin-bottom: 22px;
11570  }
11571
11572  .agb-event-program-content {
11573    padding-top: 0 !important;
11574    margin-top: 0;
11575  }
11576
11577  .agb-event-program-title {
11578    font-size: 20px;
11579  }
11580
11581  .agb-event-program-artists {
11582    font-size: 14px;
11583  }
11584
11585  .agb-event-program-description {
11586    font-size: 15px;
11587    max-width: none;
11588  }
11589}
11590
11591@media (max-width: 480px) {
11592  .agb-event-program-heading {
11593    font-size: 24px;
11594  }
11595
11596  .agb-event-program-card {
11597    border-radius: 8px;
11598    padding: 15px;
11599  }
11600
11601  .agb-event-program-image {
11602    height: 190px;
11603  }
11604
11605  .agb-event-program-title {
11606    font-size: 18px;
11607  }
11608
11609  .agb-event-program-artists {
11610    font-size: 14px;
11611  }
11612
11613  .agb-event-program-description {
11614    font-size: 15px;
11615    line-height: 1.6;
11616  }
11617}
11618
11619
11620/* =========================================================
11621   13 – AGB – Single Event Banner: Bild & Linien-Fixes
11622   ========================================================= */
11623
11624.wpem-single-event-page .wpem-single-event-wrapper {
11625  position: relative;
11626}
11627
11628/* linke senkrechte Linie oben überdecken */
11629.wpem-single-event-page .wpem-single-event-wrapper::before {
11630  content: "";
11631  position: absolute;
11632  left: -1px;
11633  top: 0;
11634  width: 3px;
11635  height: 160px;
11636  background: #ffffff;
11637  z-index: 80;
11638  pointer-events: none;
11639}
11640
11641/* obere horizontale Linie überdecken */
11642.wpem-single-event-page .wpem-single-event-wrapper::after {
11643  content: "";
11644  position: absolute;
11645  left: -1px;
11646  right: -1px;
11647  top: -1px;
11648  height: 3px;
11649  background: #ffffff;
11650  z-index: 80;
11651  pointer-events: none;
11652}
11653
11654/* Bannerbereich über die Linien legen */
11655.wpem-single-event-page .wpem-single-event-header-top {
11656  position: relative;
11657  z-index: 2;
11658  background: transparent !important;
11659  padding: 0 !important;
11660  margin: 0 !important;
11661  border: 0 !important;
11662  box-shadow: none !important;
11663  overflow: visible !important;
11664}
11665
11666/* Innere Banner-Wrapper neutral */
11667.wpem-single-event-page .wpem-single-event-images,
11668.wpem-single-event-page .wpem-event-single-image-wrapper,
11669.wpem-single-event-page .wpem-event-single-image {
11670  position: relative;
11671  z-index: 2;
11672  background: transparent !important;
11673  border: 0 !important;
11674  box-shadow: none !important;
11675  overflow: visible !important;
11676  padding: 0 !important;
11677}
11678
11679/* Bannerbild minimal größer ziehen */
11680.wpem-single-event-page .wpem-event-single-image img,
11681.wpem-single-event-page .wpem-single-event-slider img {
11682  display: block;
11683  width: calc(100% + 8px) !important;
11684  max-width: none !important;
11685  margin-left: -4px !important;
11686  margin-right: -4px !important;
11687  border: 0 !important;
11688  box-shadow: none !important;
11689}
11690
11691/* Kein rechtes Overlay-Rechteck mehr */
11692.wpem-single-event-page .wpem-single-event-header-top::before,
11693.wpem-single-event-page .wpem-single-event-header-top::after {
11694  display: none !important;
11695}
11696
11697.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img {
11698  transform-origin: center;
11699  transform: scale(1.002);
11700  margin-top: -1px;
11701}
11702
11703@media screen and (max-width:568px) {
11704  .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img {
11705    transform-origin: center;
11706    transform: scale(1.006);
11707  }
11708}
11709
11710@media screen and (max-width:320px) {
11711  .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-header-top .wpem-event-single-image-wrapper .wpem-event-single-image img {
11712    transform-origin: center;
11713    transform: scale(1.008);
11714  }
11715}
11716
11717
11718/* =========================================================
11719   14 – AGB – Social Icons für Veranstaltungsort & Team
11720   ========================================================= */
11721
11722.wpem-venue-social-links,
11723.wpem-organizer-social-links {
11724  position: relative !important;
11725  top: -18px !important;
11726  margin-bottom: -3px !important;
11727  padding: 0 !important;
11728  line-height: 0 !important;
11729}
11730
11731.wpem-venue-social-links .wpem-venue-social-lists,
11732.wpem-organizer-social-links .wpem-organizer-social-lists {
11733  display: flex !important;
11734  align-items: center !important;
11735  margin: 0 !important;
11736  padding: 0 !important;
11737  line-height: 0 !important;
11738}
11739
11740.wpem-venue-social-links .wpem-social-icon,
11741.wpem-organizer-social-links .wpem-social-icon {
11742  width: 36px !important;
11743  height: 36px !important;
11744  margin: 0 !important;
11745  padding: 0 !important;
11746  background: transparent !important;
11747  border: 0 !important;
11748  border-radius: 0 !important;
11749  box-shadow: none !important;
11750  line-height: 0 !important;
11751  overflow: visible !important;
11752}
11753
11754.wpem-venue-social-links .wpem-social-icon::before,
11755.wpem-venue-social-links .wpem-social-icon::after,
11756.wpem-venue-social-links .wpem-social-icon a::before,
11757.wpem-venue-social-links .wpem-social-icon a::after,
11758.wpem-organizer-social-links .wpem-social-icon::before,
11759.wpem-organizer-social-links .wpem-social-icon::after,
11760.wpem-organizer-social-links .wpem-social-icon a::before,
11761.wpem-organizer-social-links .wpem-social-icon a::after {
11762  content: none !important;
11763  display: none !important;
11764  background: none !important;
11765}
11766
11767.wpem-venue-social-links .wpem-social-icon a,
11768.wpem-organizer-social-links .wpem-social-icon a {
11769  display: block !important;
11770  width: 36px !important;
11771  height: 36px !important;
11772  background-color: transparent !important;
11773  background-repeat: no-repeat !important;
11774  background-position: center center !important;
11775  background-size: 28px 28px !important;
11776  border: 0 !important;
11777  border-radius: 0 !important;
11778  box-shadow: none !important;
11779  overflow: visible !important;
11780  font-size: 0 !important;
11781  line-height: 0 !important;
11782  color: transparent !important;
11783  text-indent: -9999px !important;
11784  white-space: nowrap !important;
11785  text-decoration: none !important;
11786}
11787
11788.wpem-venue-social-links .wpem-weblink a,
11789.wpem-organizer-social-links .wpem-weblink a {
11790  background-image: url("/wp-content/themes/Avada-Child-Theme/assets/icons/socials/my_new_socials_link.svg") !important;
11791}
11792
11793.wpem-venue-social-links .wpem-facebook a,
11794.wpem-organizer-social-links .wpem-facebook a {
11795  background-image: url("/wp-content/themes/Avada-Child-Theme/assets/icons/socials/my_new_socials_fb.svg") !important;
11796}
11797
11798.wpem-venue-social-links .wpem-instagram a,
11799.wpem-organizer-social-links .wpem-instagram a {
11800  background-image: url("/wp-content/themes/Avada-Child-Theme/assets/icons/socials/my_new_socials_insta.svg") !important;
11801}
11802
11803.wpem-venue-social-links .wpem-email a,
11804.wpem-venue-social-links .wpem-mail a,
11805.wpem-organizer-social-links .wpem-email a,
11806.wpem-organizer-social-links .wpem-mail a {
11807  background-image: url("/wp-content/themes/Avada-Child-Theme/assets/icons/socials/my_new_socials_mail.svg") !important;
11808}
11809
11810
11811/* =========================================================
11812   15 – AGB – ÖPNV Anfahrt Card
11813   ========================================================= */
11814
11815.agb-opnv-card {
11816  max-width: 760px;
11817  background: #ffffff;
11818  border: 1px solid #dfe5e8;
11819  border-radius: 14px;
11820  overflow: hidden;
11821  box-shadow: 0 8px 20px rgba(16, 48, 58, 0.035);
11822  color: #073949;
11823}
11824
11825.agb-opnv-header {
11826  padding: 20px 32px 16px;
11827  border-bottom: 1px solid #e4e9eb;
11828}
11829
11830.agb-opnv-card .agb-opnv-header h3 {
11831  margin: 0 0 8px 0 !important;
11832  font-size: 21px !important;
11833  line-height: 1.18 !important;
11834  font-weight: 800 !important;
11835  color: #5f5f5f !important;
11836}
11837
11838.agb-opnv-header p {
11839  margin: 0;
11840  font-size: 15px;
11841  line-height: 1.35;
11842  color: #5f6368;
11843  font-weight: 400;
11844}
11845
11846.agb-opnv-stop {
11847  padding: 16px 32px 18px;
11848  border-bottom: 1px solid #e8edef;
11849}
11850
11851.agb-opnv-stop:last-child {
11852  border-bottom: 0;
11853}
11854
11855.agb-opnv-card .agb-opnv-stop h4 {
11856  margin: 0 0 15px 0 !important;
11857  font-size: 16px !important;
11858  line-height: 1.2 !important;
11859  color: #5f5f5f !important;
11860  font-weight: 800 !important;
11861}
11862
11863.agb-opnv-line-row {
11864  display: grid;
11865  grid-template-columns: 105px 1fr;
11866  align-items: start;
11867  column-gap: 16px;
11868  margin-bottom: 9px;
11869}
11870
11871.agb-opnv-mode {
11872  display: flex;
11873  align-items: center;
11874  gap: 12px;
11875  color: #444;
11876  font-size: 15px;
11877  line-height: 1.25;
11878  font-weight: 400;
11879  padding-top: 2px;
11880}
11881
11882.agb-opnv-mode img {
11883  width: 20px;
11884  height: 20px;
11885  object-fit: contain;
11886  display: block;
11887  flex: 0 0 20px;
11888}
11889
11890.agb-opnv-lines {
11891  display: flex;
11892  flex-wrap: wrap;
11893  gap: 6px;
11894  align-items: center;
11895}
11896
11897.agb-opnv-badge {
11898  display: inline-flex;
11899  align-items: center;
11900  justify-content: center;
11901  height: 23px;
11902  min-width: 36px;
11903  padding: 2px 8px;
11904  border-radius: 3px;
11905  font-size: 13px;
11906  line-height: 1;
11907  font-weight: 800;
11908  letter-spacing: 0.01em;
11909  white-space: nowrap;
11910}
11911
11912.agb-opnv-badge.bus {
11913  background: #fbbc04;
11914  color: #202124;
11915}
11916
11917.agb-opnv-badge.m-bus {
11918  background: #2f8f4e;
11919  color: #ffffff;
11920}
11921
11922.agb-opnv-badge.tram {
11923  background: #c5221f;
11924  color: #ffffff;
11925}
11926
11927.agb-opnv-badge.ubahn-light {
11928  background: #35b7c9;
11929  color: #ffffff;
11930}
11931
11932.agb-opnv-badge.ubahn-dark {
11933  background: #3955a3;
11934  color: #ffffff;
11935}
11936
11937.agb-opnv-walk {
11938  display: flex;
11939  align-items: flex-start;
11940  gap: 13px;
11941  margin-top: 21px;
11942  margin-left: 122px;
11943  color: #444;
11944  font-size: 14px;
11945  line-height: 1.35;
11946}
11947
11948.agb-opnv-walk-icon {
11949  width: 20px;
11950  height: 20px;
11951  object-fit: contain;
11952  display: block;
11953  flex: 0 0 20px;
11954  margin-top: 1px;
11955}
11956
11957.agb-opnv-walk > span {
11958  display: inline-block;
11959  max-width: 118px;
11960}
11961
11962@media (max-width: 700px) {
11963  .agb-opnv-card {
11964    max-width: 100%;
11965  }
11966
11967  .agb-opnv-header {
11968    padding: 24px 22px 20px;
11969  }
11970
11971  .agb-opnv-card .agb-opnv-header h3 {
11972    font-size: 23px !important;
11973    line-height: 1.18 !important;
11974  }
11975
11976  .agb-opnv-header p {
11977    font-size: 16px;
11978  }
11979
11980  .agb-opnv-stop {
11981    padding: 22px;
11982  }
11983
11984  .agb-opnv-card .agb-opnv-stop h4 {
11985    font-size: 19px !important;
11986    line-height: 1.2 !important;
11987  }
11988
11989  .agb-opnv-line-row {
11990    grid-template-columns: 1fr;
11991    row-gap: 8px;
11992    margin-bottom: 14px;
11993  }
11994
11995  .agb-opnv-mode {
11996    font-size: 16px;
11997    padding-top: 0;
11998  }
11999
12000  .agb-opnv-walk {
12001    margin-left: 0;
12002    margin-top: 18px;
12003  }
12004
12005  .agb-opnv-walk > span {
12006    max-width: none;
12007  }
12008
12009  .agb-opnv-badge {
12010    height: 22px;
12011    min-width: 34px;
12012    padding: 2px 7px;
12013    font-size: 13px;
12014  }
12015
12016  .agb-opnv-walk-icon {
12017    width: 19px;
12018    height: 19px;
12019    flex-basis: 19px;
12020  }
12021}
12022
12023
12024/* =========================================================
12025   16 – AGB – Veranstaltungsort-Reiter: 3-Spalten-Layout
12026   ========================================================= */
12027
12028.agb-venue-section .wpem-listing-accordion-panel {
12029  padding-top: 19px;
12030  padding-bottom: 18px;
12031}
12032
12033.agb-venue-title {
12034  margin: 0 25px 14px 25px;
12035  font-size: 21px !important;
12036  line-height: 1.25;
12037  font-weight: 800;
12038  color: #073949;
12039}
12040
12041.agb-venue-three-column {
12042  display: grid;
12043  grid-template-columns: repeat(3, minmax(0, 1fr));
12044  gap: 44px;
12045  align-items: start;
12046  padding: 0 25px 25px;
12047}
12048
12049.agb-venue-content-column,
12050.agb-venue-map-column,
12051.agb-venue-opnv-column {
12052  min-width: 0;
12053}
12054
12055.agb-venue-image {
12056  position: relative;
12057  margin-bottom: 18px;
12058}
12059
12060.agb-venue-image-img {
12061  display: block;
12062  width: 100%;
12063  max-width: 100%;
12064  height: auto;
12065  border-radius: 12px;
12066  border: 1px solid #e2e7e8;
12067}
12068
12069.agb-venue-description {
12070  font-size: 15px;
12071  line-height: 1.75;
12072  color: #5f5f5f;
12073}
12074
12075.agb-venue-description > *:first-child {
12076  margin-top: 0;
12077}
12078
12079.agb-venue-description > *:last-child {
12080  margin-bottom: 0;
12081}
12082
12083.agb-venue-social-links {
12084  margin-top: 25px;
12085  margin-bottom: 18px;
12086}
12087
12088.agb-venue-address {
12089  display: flex;
12090  align-items: flex-start;
12091  gap: 10px;
12092  margin-top: 0;
12093  padding-top: 18px;
12094  border-top: 1px solid #e8edef;
12095  font-size: 15px;
12096  line-height: 1.45;
12097  color: #30383c;
12098}
12099
12100.agb-venue-address a {
12101  color: #30383c;
12102  text-decoration: none;
12103}
12104
12105.agb-venue-address a:hover {
12106  text-decoration: underline;
12107}
12108
12109.agb-venue-address-icon {
12110  line-height: 1.2;
12111  flex: 0 0 auto;
12112}
12113
12114.agb-venue-map-column {
12115  display: block;
12116}
12117
12118.agb-venue-map-wrap {
12119  width: 100%;
12120  height: 660px;
12121  border-radius: 12px;
12122  overflow: hidden;
12123  border: 1px solid #e2e7e8;
12124  background: #f4f6f7;
12125}
12126
12127.agb-venue-map-iframe {
12128  display: block;
12129  width: 100%;
12130  height: 660px;
12131  border: 0;
12132}
12133
12134.agb-venue-opnv-column .agb-opnv-card {
12135  max-width: 100%;
12136  height: auto;
12137}
12138
12139@media (max-width: 1100px) {
12140  .agb-venue-three-column {
12141    grid-template-columns: 1fr 1fr;
12142  }
12143
12144  .agb-venue-opnv-column {
12145    grid-column: 1 / -1;
12146  }
12147
12148  .agb-venue-opnv-column .agb-opnv-card {
12149    height: auto;
12150  }
12151}
12152
12153@media (max-width: 760px) {
12154  .agb-venue-title {
12155    margin: 0 20px 22px 20px;
12156    font-size: 21px;
12157  }
12158
12159  .agb-venue-three-column {
12160    grid-template-columns: 1fr;
12161    gap: 26px;
12162    padding: 0 20px 24px;
12163  }
12164
12165  .agb-venue-image-img {
12166    max-width: 100%;
12167  }
12168
12169  .agb-venue-map-wrap {
12170    height: 300px;
12171    min-height: 300px;
12172  }
12173
12174  .agb-venue-map-iframe {
12175    height: 300px;
12176    min-height: 300px;
12177  }
12178}
12179
12180/* Raumzeile im Veranstaltungsort-Reiter */
12181.agb-venue-room {
12182  margin: -20px 25px 24px 25px;
12183  display: inline-flex;
12184  align-items: center;
12185  gap: 6px;
12186  padding: 6px 11px;
12187  border-radius: 8px;
12188  background: #3eb7ab;
12189  color: #ffffff;
12190  font-size: 14px;
12191  font-weight: 400;
12192  line-height: 1.35;
12193}
12194
12195.agb-venue-room span {
12196  color: #ffffff;
12197  font-weight: 800;
12198}
12199
12200/* Labels über Veranstaltungsort-Bild */
12201.agb-venue-image-labels {
12202  position: absolute;
12203  left: 12px;
12204  bottom: 12px;
12205  display: flex;
12206  flex-wrap: wrap;
12207  gap: 7px;
12208  z-index: 2;
12209}
12210
12211.agb-venue-image-label {
12212  display: inline-flex;
12213  align-items: center;
12214  min-height: 27px;
12215  padding: 6px 10px;
12216  border-radius: 8px;
12217  background: #ffffff;
12218  color: #073949;
12219  font-size: 13px;
12220  line-height: 1.35;
12221  font-weight: 800;
12222  box-shadow: 0 4px 14px rgba(16, 48, 58, 0.16);
12223}
12224
12225@media (max-width: 760px) {
12226  .agb-venue-image-labels {
12227    left: 10px;
12228    bottom: 10px;
12229    gap: 6px;
12230  }
12231
12232  .agb-venue-image-label {
12233    min-height: 25px;
12234    padding: 6px 10px;
12235    font-size: 12px;
12236  }
12237}
12238
12239
12240/* =========================================================
12241   17 – AGB – Single Event: Kooperationspartner-/Auge-Zeile
12242   ========================================================= */
12243
12244.wpem-event-details .agb-event-veranstalter-line {
12245  display: inline-flex;
12246  align-items: center;
12247  gap: 5px;
12248  margin-top: -2px;
12249  margin-right: 16px;
12250  font-size: 15px;
12251  line-height: 1.4;
12252  color: #30383c;
12253  vertical-align: middle;
12254}
12255
12256.wpem-event-details .agb-event-veranstalter-line strong {
12257  color: #073949;
12258  font-size: 16.5px;
12259  font-weight: 800;
12260}
12261
12262.wpem-event-details .agb-event-veranstalter-line span {
12263  font-size: 15px;
12264  font-weight: 600;
12265  color: #5a5a5a;
12266}
12267
12268.agb-veranstalter-separator {
12269  display: inline-block;
12270  margin: 0 8px;
12271  color: #7a7a7a;
12272}
12273
12274.wpem-event-details .wpem-viewed-event {
12275  display: inline-flex !important;
12276  align-items: center;
12277  gap: 6px;
12278  vertical-align: middle;
12279  margin-top: -2px;
12280font-size: 14px;
12281}
12282
12283.wpem-event-details .wpem-viewed-event i {
12284  margin-right: -1px;
12285}
12286
12287
12288/* =========================================================
12289   18 – AGB – Single Event: graue Accordion/Header-Bars
12290   ========================================================= */
12291
12292.wpem-single-event-page .wpem-listing-accordion,
12293.wpem-single-event-page .wpem-event-organizer-info-title,
12294.wpem-single-event-page .wpem-event-venue-info-title,
12295.wpem-single-event-page .wpem-event-location-info-title,
12296.wpem-single-event-page .wpem-event-schedule-info-title,
12297.wpem-single-event-page .wpem-event-sidebar-button-wrapper,
12298.wpem-single-event-page .wpem-single-event-footer .wpem-event-organizer-info-title {
12299  background: #fafafa !important;
12300  border: 1px solid #ececec !important;
12301  border-radius: 13px !important;
12302  box-shadow: none !important;
12303  min-height: 68px !important;
12304  padding: 0 36px !important;
12305  margin: 0 0 1px 0 !important;
12306  display: flex !important;
12307  align-items: center !important;
12308  justify-content: space-between !important;
12309}
12310
12311.wpem-single-event-page .wpem-listing-accordion h3,
12312.wpem-single-event-page .wpem-event-organizer-info-title h3,
12313.wpem-single-event-page .wpem-event-venue-info-title h3,
12314.wpem-single-event-page .wpem-event-location-info-title h3,
12315.wpem-single-event-page .wpem-event-schedule-info-title h3,
12316.wpem-single-event-page .wpem-single-event-footer .wpem-event-organizer-info-title h3 {
12317  margin: 0 !important;
12318  padding: 0 !important;
12319  font-size: 19px !important;
12320  line-height: 1.2 !important;
12321  font-weight: 700 !important;
12322  color: #5f5f5f !important;
12323}
12324
12325.wpem-single-event-page .wpem-listing-accordion i {
12326  color: #555555 !important;
12327  font-size: 13px !important;
12328  line-height: 1 !important;
12329  margin: 0 !important;
12330}
12331
12332.wpem-single-event-page .wpem-listing-accordion .wpem-icon-minus,
12333.wpem-single-event-page .wpem-listing-accordion .wpem-icon-plus {
12334  position: static !important;
12335  right: auto !important;
12336  top: auto !important;
12337  transform: none !important;
12338}
12339
12340.wpem-single-event-page .wpem-organizer-profile-wrapper,
12341.wpem-single-event-page .wpem-venue-profile-wrapper,
12342.wpem-single-event-page .wpem-single-event-footer {
12343  border: 0 !important;
12344  box-shadow: none !important;
12345}
12346
12347@media (max-width: 760px) {
12348  .wpem-single-event-page .wpem-listing-accordion,
12349  .wpem-single-event-page .wpem-event-organizer-info-title,
12350  .wpem-single-event-page .wpem-event-venue-info-title,
12351  .wpem-single-event-page .wpem-event-location-info-title,
12352  .wpem-single-event-page .wpem-event-schedule-info-title,
12353  .wpem-single-event-page .wpem-single-event-footer .wpem-event-organizer-info-title {
12354    min-height: 62px !important;
12355    padding: 0 24px !important;
12356    margin-bottom: 7px !important;
12357    border-radius: 12px !important;
12358  }
12359
12360  .wpem-single-event-page .wpem-listing-accordion h3,
12361  .wpem-single-event-page .wpem-event-organizer-info-title h3,
12362  .wpem-single-event-page .wpem-event-venue-info-title h3,
12363  .wpem-single-event-page .wpem-event-location-info-title h3,
12364  .wpem-single-event-page .wpem-event-schedule-info-title h3,
12365  .wpem-single-event-page .wpem-single-event-footer .wpem-event-organizer-info-title h3 {
12366    font-size: 20px !important;
12367  }
12368}
12369
12370
12371/* =========================================================
12372   19 – AGB – Single Event: Hauptkasten abrunden
12373   ========================================================= */
12374
12375.wpem-single-event-page .wpem-single-event-wrapper {
12376  border-bottom-left-radius: 14px !important;
12377  border-bottom-right-radius: 14px !important;
12378  border-top-left-radius: 0 !important;
12379  border-top-right-radius: 0 !important;
12380  overflow: visible !important;
12381  margin-bottom: 22px !important;
12382}
12383
12384
12385/* =========================================================
12386   20 – AGB – Single Event: Team-Profil & globale Textfarben
12387   ========================================================= */
12388
12389.wpem-single-event-page .wpem-organizer-profile-wrapper .agb-team-role-label {
12390  display: inline-block;
12391  background-color: #929292;
12392  color: #ffffff;
12393  padding: 5px 9px;
12394  margin: 0 0 12px 0;
12395  margin-top: 0 !important;
12396  border-radius: 6px;
12397  font-size: 11px;
12398  line-height: 1.25;
12399  font-weight: 600;
12400  letter-spacing: 1.1px;
12401  text-transform: uppercase;
12402}
12403
12404.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-name {
12405  color: #5f5f5f;
12406  margin-bottom: 5px !important;
12407  margin-left: 0 !important;
12408  padding-bottom: 0 !important;
12409  line-height: 1.15 !important;
12410}
12411
12412.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-name span,
12413.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-name a {
12414  margin-bottom: 0 !important;
12415  padding-bottom: 0 !important;
12416  line-height: 1.15 !important;
12417}
12418
12419
12420/* AGB – Team-Mitglied Fließtext grau statt schwarz */
12421
12422.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-description,
12423.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-description p,
12424.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-short-info,
12425.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-short-info p {
12426  color: #5f5f5f !important;
12427line-height: 25px;
12428font-size: 11.3pt;
12429}
12430
12431
12432/* AGB – Single Event: normale Typo auf Mittelgrau setzen */
12433/* Schützt Pills, Labels, Badges, Buttons, graue Bars und Team-Farben */
12434
12435
12436/* =========================
12437   Hauptbereich: Event-Titel / Content
12438   ========================= */
12439
12440.wpem-single-event-page .wpem-single-event-wrapper .wpem-event-title,
12441.wpem-single-event-page .wpem-single-event-wrapper .wpem-event-title h1,
12442.wpem-single-event-page .wpem-single-event-wrapper .wpem-event-title h2,
12443.wpem-single-event-page .wpem-single-event-wrapper .wpem-event-title h3,
12444.wpem-single-event-page .wpem-single-event-wrapper .wpem-event-details,
12445.wpem-single-event-page .wpem-single-event-wrapper .wpem-event-details strong,
12446.wpem-single-event-page .wpem-single-event-wrapper .wpem-event-details .wpem-event-title,
12447.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content,
12448.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content h1,
12449.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content h2,
12450.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content h3,
12451.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content h4,
12452.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content h5,
12453.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content h6,
12454.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content p,
12455.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content li,
12456.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-content strong {
12457  color: #5f5f5f !important;
12458}
12459
12460
12461/* =========================
12462   Rechte Sidebar: normale Texte + Überschriften
12463   ========================= */
12464
12465.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-heading-text,
12466.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-date-time,
12467.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-date-time *,
12468.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-location,
12469.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-location *,
12470.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-additional-info-block,
12471.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-additional-info-block *,
12472.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-date-time-text,
12473.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-location-text,
12474.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-type .wpem-heading-text,
12475.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-category .wpem-heading-text,
12476.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body-sidebar .wpem-event-tags .wpem-heading-text {
12477  color: #555555 !important;
12478}
12479
12480
12481/* =========================
12482   Zusatzinfos / ACF-Blöcke im Event
12483   ========================= */
12484
12485.wpem-single-event-page .wpem-single-event-wrapper .wpem-additional-info-block-title,
12486.wpem-single-event-page .wpem-single-event-wrapper .wpem-additional-info-block-textarea,
12487.wpem-single-event-page .wpem-single-event-wrapper .wpem-additional-info-block-textarea p,
12488.wpem-single-event-page .wpem-single-event-wrapper .wpem-additional-info-block-textarea li,
12489.wpem-single-event-page .wpem-single-event-wrapper .wpem-additional-info-block-textarea strong {
12490  color: #5f5f5f !important;
12491}
12492
12493
12494/* =========================
12495   Programmpunkte / Angebote
12496   ========================= */
12497
12498.wpem-single-event-page .agb-event-program-heading,
12499.wpem-single-event-page .agb-event-program-title,
12500.wpem-single-event-page .agb-event-program-artists,
12501.wpem-single-event-page .agb-event-program-description,
12502.wpem-single-event-page .agb-event-program-description p {
12503  color: #5f5f5f !important;
12504}
12505
12506
12507/* =========================
12508   Veranstaltungsort-Teil
12509   ========================= */
12510
12511.wpem-single-event-page .agb-venue-title,
12512.wpem-single-event-page .agb-venue-description,
12513.wpem-single-event-page .agb-venue-description p,
12514.wpem-single-event-page .agb-venue-address,
12515.wpem-single-event-page .agb-venue-address a,
12516.wpem-single-event-page .agb-opnv-header p,
12517.wpem-single-event-page .agb-opnv-mode,
12518.wpem-single-event-page .agb-opnv-walk {
12519  color: #5f5f5f !important;
12520}
12521
12522
12523/* =========================
12524   Schutz: graue Bars nicht verändern
12525   ========================= */
12526
12527.wpem-single-event-page .wpem-listing-accordion,
12528.wpem-single-event-page .wpem-listing-accordion *,
12529.wpem-single-event-page .wpem-event-organizer-info-title,
12530.wpem-single-event-page .wpem-event-organizer-info-title *,
12531.wpem-single-event-page .wpem-event-venue-info-title,
12532.wpem-single-event-page .wpem-event-venue-info-title *,
12533.wpem-single-event-page .wpem-event-location-info-title,
12534.wpem-single-event-page .wpem-event-location-info-title *,
12535.wpem-single-event-page .wpem-event-schedule-info-title,
12536.wpem-single-event-page .wpem-event-schedule-info-title * {
12537  color: inherit !important;
12538}
12539
12540
12541/* =========================
12542   Team-Farben gezielt wiederherstellen
12543   ========================= */
12544
12545/* Team-Name */
12546.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-name,
12547.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-name span,
12548.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-name a {
12549  color: #5f5f5f !important;
12550}
12551
12552/* Team-Fließtext */
12553.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-description,
12554.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-description p,
12555.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-short-info,
12556.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-short-info p {
12557  color: #4f4f4f !important;
12558}
12559
12560/* Team-Rollenlabel */
12561.wpem-single-event-page .wpem-organizer-profile-wrapper .agb-team-role-label {
12562  background-color: #929292 !important;
12563  color: #ffffff !important;
12564}
12565
12566/* Falls im Rollenlabel später nochmal ein span o.ä. landet */
12567.wpem-single-event-page .wpem-organizer-profile-wrapper .agb-team-role-label * {
12568  color: #ffffff !important;
12569}
12570
12571/* Team-Social-Icons unverändert lassen */
12572.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-social-links,
12573.wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-social-links * {
12574  color: inherit !important;
12575}
12576
12577
12578/* =========================================================
12579   21 – AGB – Single Event Sidebar: Kalenderblock
12580   ========================================================= */
12581
12582.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-links {
12583  display: block !important;
12584  clear: both !important;
12585  margin: 33px 0 14px 0 !important;
12586  padding: 0 !important;
12587}
12588
12589.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-links-title {
12590  display: block !important;
12591  width: 100% !important;
12592  margin: 0 0 21px 0 !important;
12593  padding: 0 !important;
12594  color: #5f5f5f !important;
12595  font-size: 17px !important;
12596  font-weight: 700 !important;
12597  line-height: 1.25 !important;
12598}
12599
12600.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link {
12601  display: inline-flex !important;
12602  align-items: center !important;
12603  gap: 4px !important;
12604  width: auto !important;
12605  min-width: 0 !important;
12606  max-width: none !important;
12607  padding: 0 !important;
12608  margin: 0 20px 18px 0 !important;
12609  border: 0 !important;
12610  background: transparent !important;
12611  color: #9a9a9a !important;
12612  text-decoration: none !important;
12613  font-size: 11px !important;
12614  font-weight: 700 !important;
12615  line-height: 1 !important;
12616  white-space: nowrap !important;
12617  vertical-align: middle !important;
12618}
12619
12620.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link:hover {
12621  color: #6f6f6f !important;
12622  opacity: 0.78;
12623  transform: translateY(-1px);
12624}
12625
12626.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link span {
12627  display: inline-block !important;
12628  margin: 0 !important;
12629  padding: 0 !important;
12630  color: inherit !important;
12631  font-size: inherit !important;
12632  font-weight: inherit !important;
12633  line-height: 1 !important;
12634  white-space: nowrap !important;
12635}
12636
12637.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-icon {
12638  display: block !important;
12639  width: 21px !important;
12640  height: 21px !important;
12641  object-fit: contain !important;
12642  flex: 0 0 21px !important;
12643  margin: 0 !important;
12644  padding: 0 !important;
12645}
12646
12647/* Apple/iCal Umschaltung */
12648
12649.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link-ics.is-apple-calendar .agb-calendar-icon-apple {
12650  display: block !important;
12651}
12652
12653.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link-ics.is-apple-calendar .agb-calendar-icon-ical {
12654  display: none !important;
12655}
12656
12657.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link-ics.is-ical-file .agb-calendar-icon-apple {
12658  display: none !important;
12659}
12660
12661.wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link-ics.is-ical-file .agb-calendar-icon-ical {
12662  display: block !important;
12663}
12664
12665/* Mobile */
12666
12667@media (max-width: 600px) {
12668  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-links {
12669    margin: 24px 0 56px 0 !important;
12670  }
12671
12672  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-links-title {
12673    font-size: 17px !important;
12674    margin-bottom: 16px !important;
12675  }
12676
12677  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-link {
12678    font-size: 10px !important;
12679    margin: 0 24px 20px 0 !important;
12680  }
12681
12682  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-calendar-icon {
12683    width: 20px !important;
12684    height: 20px !important;
12685    flex-basis: 20px !important;
12686  }
12687}
12688
12689
12690/* =========================================================
12691   22 – AGB – Single Event Sidebar: Soft Cards Basis
12692   ========================================================= */
12693
12694/* Basis für alle Sidebar-Karten */
12695
12696/* AGB – Sidebar Cards im Stil der ÖPNV Card */
12697
12698.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card {
12699  display: grid !important;
12700  grid-template-columns: 34px 1fr !important;
12701  gap: 14px !important;
12702
12703  background: #ffffff !important;
12704  border: 1px solid #dfe5e8 !important;
12705  border-radius: 14px !important;
12706  box-shadow: 0 8px 20px rgba(16, 48, 58, 0.035) !important;
12707  color: #073949 !important;
12708
12709  padding: 18px 18px !important;
12710  margin: 0 0 18px 0 !important;
12711  overflow: hidden !important;
12712}
12713
12714/* Icon-Spalte */
12715
12716.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-icon {
12717  width: 34px !important;
12718  height: 34px !important;
12719  display: flex !important;
12720  align-items: flex-start !important;
12721  justify-content: center !important;
12722  padding-top: 1px !important;
12723}
12724
12725.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-icon 
12725img {
12726  width: 26px !important;
12727  height: 26px !important;
12728  object-fit: contain !important;
12729  display: block !important;
12730}
12731
12732/* Content-Spalte */
12733
12734.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-content {
12735  min-width: 0 !important;
12736}
12737
12738/* Überschriften innerhalb der Karten */
12739
12740.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card .wpem-heading-text {
12741  margin: 0 0 10px 0 !important;
12742  padding: 0 !important;
12743  font-size: 17px !important;
12744  line-height: 1.25 !important;
12745  color: #5f5f5f !important;
12746  font-weight: 700 !important;
12747}
12748
12749/* Alte Abstandshalter innerhalb der Karten deaktivieren */
12750
12751.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card .clearfix,
12752.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card .my-empty-space,
12753.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card .my-empty-space-vor-typ {
12754  display: none !important;
12755}
12756
12757/* Einzelne Abschnitte innerhalb einer Karte */
12758
12759.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-section {
12760  margin: 0 0 18px 0 !important;
12761}
12762
12763.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-section:last-child {
12764  margin-bottom: 0 !important;
12765}
12766
12767
12768/* =========================================================
12769   23 – AGB – Single Event Sidebar: Einzelsteuerung der Karten
12770   ========================================================= */
12771
12772/* Karte 1: Datum und Uhrzeit + Kalender hinzufügen */
12773
12774.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-date-calendar {
12775  padding-top: 28px !important;
12776  padding-right: 18px !important;
12777  padding-bottom: 10px !important;
12778  padding-left: 28px !important;
12779  margin-bottom: 18px !important;
12780}
12781
12782/* Datum/Uhrzeit innerhalb Karte 1 */
12783
12784.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-date-calendar .wpem-event-date-time {
12785  margin: 0 0 22px 0 !important;
12786}
12787
12788/* Kalenderblock innerhalb Karte 1 */
12789
12790.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-date-calendar .agb-calendar-links {
12791  margin: 0 !important;
12792  padding: 0 !important;
12793}
12794
12795.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-date-calendar .agb-calendar-links-title {
12796  margin: 0 0 18px 0 !important;
12797}
12798
12799/* Karte 2: Anmeldeschluss + Info & Anmeldung */
12800
12801.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-registration {
12802  padding-top: 18px !important;
12803  padding-right: 18px !important;
12804  padding-bottom: 20px !important;
12805  padding-left: 28px !important;
12806  margin-bottom: 18px !important;
12807}
12808
12809/* Abstand zwischen Anmeldeschluss und Info & Anmeldung */
12810
12811.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-registration .agb-sidebar-card-section + .agb-sidebar-card-section {
12812  margin-top: 22px !important;
12813}
12814
12815/* Karte 3: Adresse / Google Maps */
12816
12817.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-location {
12818  padding-top: 23px !important;
12819  padding-right: 18px !important;
12820  padding-bottom: 32px !important;
12821  padding-left: 28px !important;
12822  margin-bottom: 18px !important;
12823}
12824
12825.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-location .event-address {
12826  margin-top: 0 !important;
12827}
12828
12829/* Karte 4: Bereich */
12830
12831.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-bereich {
12832  padding-top: 23px !important;
12833  padding-right: 18px !important;
12834  padding-bottom: 33px !important;
12835  padding-left: 28px !important;
12836  margin-bottom: 18px !important;
12837}
12838
12839.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-bereich .agb-bereich-block {
12840  margin: 0 !important;
12841}
12842
12843/* Karte 5: Event Types / Kategorie / Schlagworte */
12844
12845.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta {
12846  padding-top: 23px !important;
12847  padding-right: 18px !important;
12848  padding-bottom: 35px !important;
12849  padding-left: 28px !important;
12850  margin-bottom: 18px !important;
12851}
12852
12853/* Karte 5 – gezielte Abstände */
12854
12855.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-event-types {
12856  margin-bottom: 9px !important;
12857margin-top: 8px;
12858}
12859
12860.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-event-category {
12861  margin-bottom: 9px !important;
12862margin-top: 8px;
12863}
12864
12865.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-event-tags {
12866  margin-top: 0 !important;
12867}
12868
12869/* Event-Schlagworte etwas weiter nach unten, falls sie zu dicht stehen */
12870
12871.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .wpem-event-tags,
12872.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .wpem-event-tag {
12873  margin-top: 0px !important;
12874}
12875
12876
12877/* Karte 6: Teilen auf */
12878
12879.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share {
12880  padding-top: 18px !important;
12881  padding-right: 18px !important;
12882  padding-bottom: 20px !important;
12883  padding-left: 28px !important;
12884  margin-bottom: 18px !important;
12885}
12886
12887/* Share Icons innerhalb Karte 6 */
12888
12889.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share .wpem-share-this-event {
12890  margin-top: 10px !important;
12891}
12892
12893
12894/* =========================================================
12895   24 – AGB – Single Event Sidebar: Karten-Inhalte Feintuning
12896   ========================================================= */
12897
12898/* Fließtext / normale Werte */
12899
12900.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card p,
12901.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card div,
12902.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card span {
12903  line-height: 1.45;
12904}
12905
12906/* Links in Karten */
12907
12908.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card a {
12909  text-decoration: none;
12910}
12911
12912/* Google Maps Button nicht kaputtstylen */
12913
12914.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card .google-maps-link {
12915  display: inline-block;
12916  margin-top: 12px !important;
12917}
12918
12919
12920/* =========================================================
12921   25 – AGB – Single Event Sidebar: Mobile Karten
12922   ========================================================= */
12923
12924@media (max-width: 600px) {
12925  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card {
12926    grid-template-columns: 30px 1fr !important;
12927    gap: 12px !important;
12928    padding: 16px 16px !important;
12929    margin-bottom: 16px !important;
12930  }
12931
12932  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-icon {
12933    width: 30px !important;
12934    height: 30px !important;
12935  }
12936
12937  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-icon 
12937img {
12938    width: 20px !important;
12939    height: 20px !important;
12940  }
12941
12942  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card .wpem-heading-text {
12943    font-size: 16px !important;
12944  }
12945
12946  /* Mobile Einzelkarten */
12947
12948  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-date-calendar,
12949  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-registration,
12950  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-location,
12951  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-bereich,
12952  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta,
12953  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share {
12954    padding-top: 16px !important;
12955    padding-right: 16px !important;
12956    padding-bottom: 18px !important;
12957    padding-left: 16px !important;
12958    margin-bottom: 16px !important;
12959  }
12960
12961  .wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section {
12962    margin-bottom: 20px !important;
12963  }
12964}
12965
12966
12967/* =========================================================
12968   26 – AGB – Single Event: vertikale Linien ausblenden
12969   ========================================================= */
12970
12971.wpem-single-event-page .wpem-single-event-body,
12972.wpem-single-event-page .wpem-single-event-body .wpem-row,
12973.wpem-single-event-page .wpem-single-event-left-content,
12974.wpem-single-event-page .wpem-single-event-right-content,
12975.wpem-single-event-page .wpem-single-event-body-sidebar {
12976  border-left: 0 !important;
12977  border-right: 0 !important;
12978  box-shadow: none !important;
12979}
12980
12981.wpem-single-event-page .wpem-single-event-body::before,
12982.wpem-single-event-page .wpem-single-event-body::after,
12983.wpem-single-event-page .wpem-single-event-left-content::before,
12984.wpem-single-event-page .wpem-single-event-left-content::after,
12985.wpem-single-event-page .wpem-single-event-right-content::before,
12986.wpem-single-event-page .wpem-single-event-right-content::after {
12987  display: none !important;
12988  content: none !important;
12989}
12990
12991
12992/* =========================================================
12993   27 – AGB – Single Event Sidebar: Karte 5 Zuordnung
12994   ========================================================= */
12995
12996/* Haupttitel der Karte: "Zuordnung" */
12997.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-main-title {
12998  font-size: 17px !important;
12999  font-weight: 700 !important;
13000  line-height: 1.25 !important;
13001  color: #5f5f5f !important;
13002  margin: 0 0 16px 0 !important;
13003  padding: 0 !important;
13004}
13005
13006/* Untertitel: Zielgruppen / Angebot / Schlagworte */
13007.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-target-offer .wpem-heading-text,
13008.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-event-types .wpem-heading-text,
13009.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-event-category .wpem-heading-text,
13010.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-event-tags .wpem-heading-text {
13011  font-size: 14px !important;
13012  font-weight: 700 !important;
13013  letter-spacing: 0.2px !important;
13014  line-height: 1.25 !important;
13015  color: #6b6b6b !important;
13016  margin: 0 0 7px 0 !important;
13017  padding: 0 !important;
13018}
13019
13020/* Sicherheit: falls WPEM in den Schlagworten ein h3 ohne wpem-heading-text ausgibt */
13021.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-meta .agb-sidebar-card-section-event-tags h3 {
13022  font-size: 13px !important;
13023  font-weight: 700 !important;
13024  letter-spacing: 0.2px !important;
13025  line-height: 1.25 !important;
13026  color: #6b6b6b !important;
13027  margin: 0 0 7px 0 !important;
13028  padding: 0 !important;
13029}
13030
13031
13032/* =========================================================
13033   28 – AGB – Single Event Sidebar: Karte 1 zweites Kalender-Icon
13034   ========================================================= */
13035
13036.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-date-calendar {
13037  grid-template-rows: auto auto !important;
13038}
13039
13040.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-icon-calendar-ad
13040d {
13041  grid-column: 1 !important;
13042  grid-row: 2 !important;
13043  align-self: start !important;
13044  padding-top: 1px !important;
13045}
13046
13047.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-content-calendar-add {
13048  grid-column: 2 !important;
13049  grid-row: 2 !important;
13050  min-width: 0 !important;
13051}
13052
13053.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-content-calendar-add .agb-calendar-links {
13054  margin: 0 !important;
13055}
13056
13057
13058/* =========================================================
13059   29 – AGB – Single Event: äußere vertikale Linien ausblenden
13060   ========================================================= */
13061
13062.wpem-single-event-page .wpem-single-event-wrapper,
13063.wpem-single-event-page .wpem-single-event-body,
13064.wpem-single-event-page .wpem-single-event-body > .wpem-row,
13065.wpem-single-event-page .wpem-single-event-left-content,
13066.wpem-single-event-page .wpem-single-event-right-content,
13067.wpem-single-event-page .wpem-single-event-body-sidebar {
13068  border-left: 0 !important;
13069  border-right: 0 !important;
13070}
13071
13072/* Falls die vertikalen Linien über Pseudo-Elemente erzeugt werden */
13073.wpem-single-event-page .wpem-single-event-wrapper::before,
13074.wpem-single-event-page .wpem-single-event-wrapper::after,
13075.wpem-single-event-page .wpem-single-event-body::before,
13076.wpem-single-event-page .wpem-single-event-body::after,
13077.wpem-single-event-page .wpem-single-event-body > .wpem-row::before,
13078.wpem-single-event-page .wpem-single-event-body > .wpem-row::after,
13079.wpem-single-event-page .wpem-single-event-left-content::before,
13080.wpem-single-event-page .wpem-single-event-left-content::after,
13081.wpem-single-event-page .wpem-single-event-right-content::before,
13082.wpem-single-event-page .wpem-single-event-right-content::after,
13083.wpem-single-event-page .wpem-single-event-body-sidebar::before,
13084.wpem-single-event-page .wpem-single-event-body-sidebar::after {
13085  display: none !important;
13086  content: none !important;
13087  border-left: 0 !important;
13088  border-right: 0 !important;
13089}
13090
13091/* Falls noch eine äußere Wrapper-Linie bleibt, nur links/rechts entfernen */
13092.wpem-single-event-page .wpem-single-event-wrapper {
13093  border-left-color: transparent !important;
13094  border-right-color: transparent !important;
13095}
13096
13097
13098/* =========================================================
13099   30 – AGB – Single Event Sidebar: Karte 6 Teilen-Icons
13100   ========================================================= */
13101
13102.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share .wpem-heading-text {
13103  margin-bottom: 2px !important;
13104}
13105
13106.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share .wpem-share-this-event {
13107  margin-top: 0 !important;
13108  padding-top: 0 !important;
13109}
13110
13111.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share .wpem-event-share-lists {
13112  display: flex !important;
13113  align-items: center !important;
13114  flex-wrap: wrap !important;
13115  gap: 3px !important;
13116
13117  margin: 0 !important;
13118  padding: 0 !important;
13119
13120  position: relative !important;
13121  top: -8px !important;
13122}
13123
13124.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share .wpem-social-icon {
13125  width: 34px !important;
13126  height: 34px !important;
13127  margin: 0 !important;
13128  padding: 0 !important;
13129
13130  display: inline-flex !important;
13131  align-items: center !important;
13132  justify-content: center !important;
13133
13134  overflow: visible !important;
13135}
13136
13137.wpem-single-event-page .wpem-single-event-body-sidebar .agb-sidebar-card-share .wpem-social-icon a {
13138  transform: scale(0.82) !important;
13139  transform-origin: center center !important;
13140  margin: 0 !important;
13141}
13142
13143
13144/* =========================================================
13145   31 – AGB – Single Event: horizontale Linien ausblenden
13146   ========================================================= */
13147
13148.wpem-single-event-page .wpem-single-event-wrapper,
13149.wpem-single-event-page .wpem-single-event-body,
13150.wpem-single-event-page .wpem-single-event-body > .wpem-row,
13151.wpem-single-event-page .wpem-single-event-left-content,
13152.wpem-single-event-page .wpem-single-event-right-content,
13153.wpem-single-event-page .wpem-single-event-body-sidebar {
13154  border-top: 0 !important;
13155  border-bottom: 0 !important;
13156}
13157
13158/* Falls oben/unten über Pseudo-Elemente erzeugt */
13159.wpem-single-event-page .wpem-single-event-wrapper::before,
13160.wpem-single-event-page .wpem-single-event-wrapper::after,
13161.wpem-single-event-page .wpem-single-event-body::before,
13162.wpem-single-event-page .wpem-single-event-body::after,
13163.wpem-single-event-page .wpem-single-event-body > .wpem-row::before,
13164.wpem-single-event-page .wpem-single-event-body > .wpem-row::after {
13165  border-top: 0 !important;
13166  border-bottom: 0 !important;
13167}
13168
13169
13170/* =========================================================
13171   32 – AGB – FluentForms Modal: Fehlermeldungen
13172   ========================================================= */
13173.agb-ff-modal .ff-el-is-error .text-danger,
13174.agb-ff-modal .ff-el-is-error .ff-el-help-message,
13175.agb-ff-modal .error.text-danger,
13176.agb-ff-modal .text-danger {
13177    font-weight: 700 !important;
13178    line-height: 1.4 !important;
13179    margin-top: 6px !important;
13180}
13181
13182
13183/* =========================================================
13184   33 – AGB – Kostenfrei-Label in Card & Single Event
13185   ========================================================= */
13186.agb-event-free-badge {
13187    display: inline-flex;
13188    align-items: center;
13189    justify-content: center;
13190    background: #ffffff;
13191    color: #6a5a5a;
13192    font-size: 12px;
13193    line-height: 1;
13194    font-weight: 800;
13195    letter-spacing: 0.02em;
13196    text-transform: uppercase;
13197    border-radius: 999px;
13198    padding: 8px 12px;
13199    box-shadow: 0 8px 20px rgba(36, 49, 58, 0.18);
13200    z-index: 5;
13201}
13202
13203/* Badge auf Event-Card über dem Bild rechts unten */
13204.wpem-event-banner-img {
13205    position: relative;
13206}
13207
13208.agb-event-free-badge--card {
13209    position: absolute;
13210    right: 12px;
13211    bottom: 12px;
13212}
13213
13214/* Single Event: Kostenfrei-Label über dem großen Bild */
13215.wpem-single-event-images {
13216    position: relative;
13217}
13218
13219.agb-event-free-single-hero-line {
13220    position: absolute;
13221    left: 3.4%;
13222    bottom: 17px;
13223    z-index: 10;
13224    display: block;
13225    margin: 0;
13226    padding: 0;
13227}
13228
13229.agb-event-free-badge--single-hero {
13230    display: inline-flex;
13231    margin: 0;
13232}
13233
13234/* Mobile etwas kompakter */
13235@media (max-width: 600px) {
13236    .agb-event-free-badge {
13237        font-size: 11px;
13238        padding: 7px 10px;
13239    }
13240
13241    .agb-event-free-badge--card {
13242        right: 10px;
13243        bottom: 10px;
13244    }
13245
13246    .agb-event-free-single-hero-line {
13247        left: 18px;
13248        bottom: 13px;
13249    }
13250}
13251
13252/* =========================================================
13253   34 – AGB – Kostenfrei-Label: weißer Glow im Single Event
13254   ========================================================= */
13255.agb-event-free-badge--single-hero {
13256    box-shadow:
13257        0 0 10px rgba(255, 255, 255, 0.45),
13258        0 0 20px rgba(255, 255, 255, 0.35) !important;
13259}
13260
13261
13262/* =========================================================
13263   35 – AGB – Single Event: Titel / Meta / Haupttext Abstände
13264   ========================================================= */
13265
13266/* Gesamter Bereich unter dem Bild: Titel + Meta-Zeile */
13267.wpem-single-event-page .wpem-single-event-short-info {
13268    margin-top: 0 !important;
13269    margin-bottom: 0px !important;
13270    padding-top: 27px !important;
13271    padding-bottom: 0px !important;
13272}
13273
13274/* Eventtitel */
13275.wpem-single-event-page .wpem-event-title {
13276    margin:  0 0px 0 !important;
13277    padding: 0 !important;
13278}
13279
13280.wpem-single-event-page .wpem-event-title .wpem-heading-text {
13281    margin: 0px !important;
13282    padding: 0 !important;
13283}
13284
13285/* Kooperationspartner + Auge-Zeile */
13286.wpem-single-event-page .wpem-event-details {
13287    margin: 0px 0 22px 0 !important;
13288    padding: 0 !important;
13289}
13290
13291/* Kooperationspartner-Text */
13292.wpem-single-event-page .wpem-event-details .agb-event-veranstalter-line {
13293    margin-top: 7px !important;
13294    margin-right: 16px !important;
13295}
13296
13297/* Auge / View Count */
13298.wpem-single-event-page .wpem-event-details .wpem-viewed-event {
13299    margin-top: 7px !important;
13300}
13301
13302/* Haupttext darunter */
13303.wpem-single-event-page .wpem-single-event-body-content {
13304    margin-top: 0 !important;
13305    padding-top: 0 !important;
13306}
13307
13308/* Ersten Absatz nicht zusätzlich nach unten drücken */
13309.wpem-single-event-page .wpem-single-event-body-content > *:first-child,
13310.wpem-single-event-page .wpem-single-event-body-content p:first-child {
13311    margin-top: 0 !important;
13312}
13313
13314
13315/* =========================================================
13316   36 – AGB – Single Event Banner: Slider-Punkte ausblenden
13317   ========================================================= */
13318.wpem-single-event-page .wpem-single-event-images .owl-dots,
13319.wpem-single-event-page .wpem-single-event-images .owl-dot,
13320.wpem-single-event-page .wpem-single-event-images .slick-dots,
13321.wpem-single-event-page .wpem-single-event-images .swiper-pagination,
13322.wpem-single-event-page .wpem-single-event-images .wpem-slider-dots,
13323.wpem-single-event-page .wpem-single-event-images .wpem-slider-dot {
13324    display: none !important;
13325}
13326
13327
13328
13329/* =========================================================
13330   37 – AGB – Single Event: eigenes Mobile-Banner
13331   ========================================================= */
13332
13333.agb-mobile-event-single-image-wrapper {
13334    display: none;
13335}
13336
13337.agb-mobile-event-single-image-wrapper img {
13338    display: block;
13339    width: 100%;
13340    height: auto;
13341    border: 0;
13342    box-shadow: none;
13343}
13344
13345@media (max-width: 700px) {
13346    .wpem-single-event-images.agb-has-mobile-event-banner .wpem-single-event-slider-wrapper,
13347    .wpem-single-event-images.agb-has-mobile-event-banner .wpem-event-single-image-wrapper {
13348        display: none !important;
13349    }
13350
13351    .wpem-single-event-images.agb-has-mobile-event-banner .agb-mobile-event-single-image-wrapper {
13352        display: block !important;
13353    }
13354}
13355
13356
13357
13358
13359
13360/* =========================================================
13361   38 – AGB – Single Event: Mobile Content-Breite + Abstand oben
13362   ========================================================= */
13363
13364/* Desktop: Abstand zwischen Header/Navi-Bereich und Event-Banner reduzieren */
13365body.single-event_listing .wpem-single-event-page {
13366    padding-top: 0px !important;
13367    margin-top: 0 !important;
13368}
13369
13370/* Falls Avada/WPEM zusätzlich oberen Innenabstand setzt */
13371body.single-event_listing .post-content,
13372body.single-event_listing .entry-content,
13373body.single-event_listing .wpem-main,
13374body.single-event_listing .wpem-single-event-wrapper {
13375    margin-top: 0 !important;
13376}
13377
13378/* Mobile: Banner soll deutlich näher an den Header rücken */
13379@media (max-width: 700px) {
13380    body.single-event_listing .wpem-single-event-page {
13381        padding-top: 0px !important;
13382        margin-top: 0 !important;
13383    }
13384
13385    body.single-event_listing .post-content,
13386    body.single-event_listing .entry-content,
13387    body.single-event_listing .wpem-main,
13388    body.single-event_listing .wpem-single-event-wrapper {
13389        padding-top: 0 !important;
13390        margin-top: 0 !important;
13391    }
13392
13393    /*
13394       Mobile Content-Breite:
13395       Betrifft Titel, Meta-Zeilen, Text usw.
13396       Das Banner selbst wird hier bewusst NICHT angesprochen.
13397    */
13398    body.single-event_listing .wpem-single-event-page .wpem-single-event-short-info,
13399    body.single-event_listing .wpem-single-event-page .wpem-single-event-body-content,
13400    body.single-event_listing .wpem-single-event-page .wpem-single-event-body-sidebar {
13401        width: 100% !important;
13402        max-width: none !important;
13403        box-sizing: border-box !important;
13404        padding-left: 9px !important;
13405        padding-right: 9px !important;
13406        margin-left: 0 !important;
13407        margin-right: 0 !important;
13408    }
13409
13410    /*
13411       Falls einzelne innere WPEM-Container nochmal zentrieren/einengen.
13412    */
13413    body.single-event_listing .wpem-single-event-page .wpem-single-event-short-info > *,
13414    body.single-event_listing .wpem-single-event-page .wpem-single-event-body-content > * {
13415        max-width: none !important;
13416    }
13417}
13418
13419
13420/* =========================================================
13421   39 – AGB – Single Event: Veranstaltungsort mobil schmalerer Rand
13422   ========================================================= */
13423
13424@media (max-width: 760px) and (orientation: portrait) {
13425    /*
13426       Nur Veranstaltungsort-Reiter auf Handy hochkant.
13427       Desktop bleibt unberührt.
13428       Banner und Hauptcontent werden hier NICHT verändert.
13429    */
13430
13431    .wpem-single-event-page .agb-venue-title {
13432        margin-left: 12px !important;
13433        margin-right: 12px !important;
13434    }
13435
13436    .wpem-single-event-page .agb-venue-three-column {
13437        padding-left: 12px !important;
13438        padding-right: 12px !important;
13439    }
13440}
13441
13442
13443
13444/* =========================================================
13445   40 – AGB – Single Event: Team-Reiter mobil Content + graue Balken
13446   ========================================================= */
13447
13448@media (max-width: 760px) and (orientation: portrait) {
13449
13450    /*
13451       Steuerwerte:
13452       - --agb-team-bar-x steuert den Innenabstand der grauen Team-Balken
13453       - --agb-team-content-x steuert den linken/rechten Rand vom Team-Inhalt
13454    */
13455    body.single-event_listing {
13456        --agb-team-bar-x: 24px;
13457        --agb-team-content-x: 18px;
13458    }
13459
13460    /*
13461       Wrapper selbst nicht einrücken.
13462       Dadurch bleiben graue Balken unabhängig steuerbar.
13463    */
13464    .wpem-single-event-page .wpem-organizer-profile-wrapper {
13465        padding-left: 0 !important;
13466        padding-right: 0 !important;
13467        margin-left: 0 !important;
13468        margin-right: 0 !important;
13469        box-sizing: border-box !important;
13470    }
13471
13472    /*
13473       Graue Team-Balken separat steuern.
13474    */
13475    .wpem-single-event-page .wpem-event-organizer-info-title,
13476    .wpem-single-event-page .wpem-single-event-footer .wpem-event-organizer-info-title {
13477        padding-left: var(--agb-team-bar-x) !important;
13478        padding-right: var(--agb-team-bar-x) !important;
13479        box-sizing: border-box !important;
13480    }
13481
13482    /*
13483       Team-Hauptbereiche.
13484       Wichtig: Die Beschreibung bekommt hier KEIN eigenes Padding,
13485       damit der Fließtext nicht doppelt eingerückt wird.
13486    */
13487    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-profile,
13488    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-short-info,
13489    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-social-links,
13490    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-contact-actions {
13491        padding-left: var(--agb-team-content-x) !important;
13492        padding-right: var(--agb-team-content-x) !important;
13493        margin-left: 0 !important;
13494        margin-right: 0 !important;
13495        box-sizing: border-box !important;
13496        max-width: none !important;
13497        width: 100% !important;
13498    }
13499
13500    /*
13501       Beschreibung gezielt bündig setzen.
13502       Das ist der Block, der bei dir geholfen hat.
13503    */
13504    body.single-event_listing .wpem-single-event-page
13505    .wpem-organizer-inner-wrapper
13506    .wpem-col-md-9.wpem-col-sm-12
13507    .wpem-organizer-description {
13508        padding-left: 0 !important;
13509        padding-right: 0 !important;
13510        margin-left: 0 !important;
13511        margin-right: 0 !important;
13512        text-indent: 0 !important;
13513        width: 100% !important;
13514        max-width: none !important;
13515        box-sizing: border-box !important;
13516    }
13517
13518    body.single-event_listing .wpem-single-event-page
13519    .wpem-organizer-inner-wrapper
13520    .wpem-col-md-9.wpem-col-sm-12
13521    .wpem-organizer-description p {
13522        padding-left: 0 !important;
13523        padding-right: 0 !important;
13524        margin-left: 0 !important;
13525        margin-right: 0 !important;
13526        text-indent: 0 !important;
13527    }
13528
13529    body.single-event_listing .wpem-single-event-page
13530    .wpem-organizer-inner-wrapper
13531    .wpem-col-md-9.wpem-col-sm-12
13532    .wpem-organizer-description span {
13533        padding-left: 0 !important;
13534        margin-left: 0 !important;
13535        text-indent: 0 !important;
13536    }
13537
13538    /*
13539       Social-/Kontakt-Icons sauber links starten lassen.
13540    */
13541    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-social-links,
13542    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-social-links ul,
13543    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-social-links li,
13544    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-social-lists {
13545        margin-left: 0 !important;
13546        padding-left: 0 !important;
13547    }
13548
13549    /*
13550       Listen im Team-Fließtext lesbar halten.
13551    */
13552    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-description ul,
13553    .wpem-single-event-page .wpem-organizer-profile-wrapper .wpem-organizer-description ol {
13554        padding-left: 18px !important;
13555    }
13556}
13557
13558
13559
13560/* =========================================================
13561   41 – AGB – Single Event: ÖPNV-Card äußerer Seitenabstand mobil
13562   ========================================================= */
13563
13564@media (max-width: 760px) and (orientation: portrait) {
13565
13566    /*
13567       Steuerwert:
13568       --agb-opnv-card-outdent zieht die ÖPNV-Card nach links/rechts näher an den Handyrand.
13569
13570       0px  = keine Verschiebung
13571       4px  = leicht breiter
13572       8px  = deutlich breiter
13573       12px = sehr nah an den Handyrand
13574    */
13575    body.single-event_listing {
13576        --agb-opnv-card-outdent: 3px;
13577    }
13578
13579    /*
13580       Ganze ÖPNV-Card nach außen ziehen.
13581       Betrifft nur den äußeren Weißraum zum Handyrand,
13582       NICHT den Innenabstand innerhalb der Card.
13583    */
13584    body.single-event_listing .wpem-single-event-page .agb-venue-opnv-column .agb-opnv-card {
13585        margin-left: calc(var(--agb-opnv-card-outdent) * -1) !important;
13586        margin-right: calc(var(--agb-opnv-card-outdent) * -1) !important;
13587        width: calc(100% + (var(--agb-opnv-card-outdent) * 2)) !important;
13588        max-width: none !important;
13589        box-sizing: border-box !important;
13590    }
13591}
13592
13593
13594
13595/* =========================================================
13596   42 – AGB – Single Event: Titel + Kooperationspartner mobil
13597   ========================================================= */
13598
13599@media (max-width: 760px) and (orientation: portrait) {
13600
13601    /*
13602       Eventtitel mobil.
13603       Wichtig: Im Template ist das ein h3.wpem-heading-text, kein h1.
13604    */
13605    body.single-event_listing .wpem-single-event-page
13606    .wpem-single-event-short-info
13607    .wpem-event-title
13608    h3.wpem-heading-text {
13609        font-size: 24px !important;
13610        line-height: 1.16 !important;
13611        letter-spacing: -0.25px !important;
13612        margin-top: 0 !important;
13613        margin-bottom: 12px !important;
13614        padding: 0 !important;
13615        word-break: normal !important;
13616        overflow-wrap: normal !important;
13617        hyphens: none !important;
13618    }
13619
13620    /*
13621       Datum/Uhrzeit im Titel soll dieselbe mobile Größe sauber übernehmen.
13622    */
13623    body.single-event_listing .wpem-single-event-page
13624    .wpem-single-event-short-info
13625    .wpem-event-title
13626    h3.wpem-heading-text .wpem-title-date {
13627        font-size: inherit !important;
13628        line-height: inherit !important;
13629        font-weight: inherit !important;
13630    }
13631
13632    /*
13633       Meta-Bereich unter dem Titel sauber stapeln.
13634    */
13635    body.single-event_listing .wpem-single-event-page
13636    .wpem-single-event-short-info
13637    .wpem-event-details {
13638        display: block !important;
13639        margin-top: 0 !important;
13640        margin-bottom: 20px !important;
13641        padding: 0 !important;
13642        line-height: 1.35 !important;
13643        text-align: left !important;
13644    }
13645
13646    /*
13647       Kooperationspartner-Zeile als eigener Block.
13648    */
13649    body.single-event_listing .wpem-single-event-page
13650    .wpem-single-event-short-info
13651    .wpem-event-details
13652    .agb-event-veranstalter-line {
13653        display: block !important;
13654        width: 100% !important;
13655        max-width: none !important;
13656        margin: 0 0 8px 0 !important;
13657        padding: 0 !important;
13658        color: #5d6970 !important;
13659        font-size: 14px !important;
13660        line-height: 1.42 !important;
13661        font-weight: 600 !important;
13662        text-align: left !important;
13663        white-space: normal !important;
13664        word-break: normal !important;
13665        overflow-wrap: normal !important;
13666        hyphens: none !important;
13667    }
13668
13669    /*
13670       Label auf eigene Zeile.
13671       Dadurch bleibt "North Africa Library" zusammen in der nächsten Zeile.
13672    */
13673    body.single-event_listing .wpem-single-event-page
13674    .wpem-single-event-short-info
13675    .wpem-event-details
13676    .agb-event-veranstalter-line strong {
13677        display: block !important;
13678        margin: 0 0 2px 0 !important;
13679        padding: 0 !important;
13680        color: #5d6970 !important;
13681        font-weight: 700 !important;
13682        white-space: normal !important;
13683    }
13684
13685    /*
13686       Partnername auf eigene Zeile.
13687    */
13688    body.single-event_listing .wpem-single-event-page
13689    .wpem-single-event-short-info
13690    .wpem-event-details
13691    .agb-event-veranstalter-line > span {
13692        display: block !important;
13693        margin: 0 !important;
13694        padding: 0 !important;
13695        color: #5d6970 !important;
13696        white-space: normal !important;
13697        word-break: normal !important;
13698        overflow-wrap: normal !important;
13699        hyphens: none !important;
13700    }
13701
13702    body.single-event_listing .wpem-single-event-page
13703    .wpem-single-event-short-info
13704    .wpem-event-details
13705    .agb-event-veranstalter-line > span * {
13706        display: inline !important;
13707        float: none !important;
13708        white-space: normal !important;
13709        word-break: normal !important;
13710        overflow-wrap: normal !important;
13711        hyphens: none !important;
13712    }
13713
13714    /*
13715       View Count / Auge als eigene kleine Zeile unter Kooperationspartner.
13716    */
13717    body.single-event_listing .wpem-single-event-page
13718    .wpem-single-event-short-info
13719    .wpem-event-details
13720    .wpem-viewed-event {
13721        display: inline-flex !important;
13722        align-items: center !important;
13723        justify-content: flex-start !important;
13724        width: auto !important;
13725        max-width: none !important;
13726        margin: 0 !important;
13727        padding: 0 !important;
13728        color: #7a858b !important;
13729        font-size: 13px !important;
13730        line-height: 1.3 !important;
13731        text-align: left !important;
13732        float: none !important;
13733        clear: both !important;
13734        vertical-align: top !important;
13735    }
13736
13737    body.single-event_listing .wpem-single-event-page
13738    .wpem-single-event-short-info
13739    .wpem-event-details
13740    .wpem-viewed-event i {
13741        margin-right: 0px !important;
13742        line-height: 1 !important;
13743    }
13744}
13745
13746
13747
13748
13749/* =========================================================
13750   43 – AGB – FluentForms Modal: Handy vertikal mehr Außenabstand
13751   ========================================================= */
13752
13753@media (max-width: 760px) and (orientation: portrait) {
13754
13755    /*
13756       Außenabstand des Modals zum Handyrand.
13757       36px bedeutet: ca. 18px links + 18px rechts.
13758    */
13759    body.single-event_listing .agb-ff-modal .agb-ff-modal-dialog {
13760        width: calc(100vw - 36px) !important;
13761        max-width: calc(100vw - 36px) !important;
13762        margin: 18px auto !important;
13763        max-height: calc(100vh - 36px) !important;
13764        border-radius: 14px !important;
13765    }
13766}
13767
13768
13769
13770/* =========================================================
13771   44 – AGB – Single Event: Abstand Header zu Event-Banner
13772   ========================================================= */
13773
13774/*
13775   Steuerwerte:
13776   Dieser Abstand ist der weiße Raum zwischen Site-Header/Navi
13777   und dem Event-Bild-Banner.
13778*/
13779body.single-event_listing {
13780    --agb-single-event-top-gap-desktop: 20px;
13781    --agb-single-event-top-gap-tablet: 14px;
13782    --agb-single-event-top-gap-mobile: 12px;
13783}
13784
13785/*
13786   Avada-Hauptbereich: hier entsteht oft der große Abstand
13787   zwischen Header und erstem Content-Element.
13788*/
13789body.single-event_listing #main {
13790    padding-top: var(--agb-single-event-top-gap-desktop) !important;
13791}
13792
13793/*
13794   Zusätzliche obere Abstände in WPEM/Content-Containern entfernen,
13795   damit nicht mehrere Abstände addiert werden.
13796*/
13797body.single-event_listing #content,
13798body.single-event_listing .post-content,
13799body.single-event_listing .entry-content,
13800body.single-event_listing .wpem-main,
13801body.single-event_listing .wpem-single-event-page,
13802body.single-event_listing .wpem-single-event-wrapper {
13803    margin-top: 0 !important;
13804}
13805
13806/*
13807   Tablet
13808*/
13809@media (max-width: 1024px) {
13810    body.single-event_listing #main {
13811        padding-top: var(--agb-single-event-top-gap-tablet) !important;
13812    }
13813}
13814
13815/*
13816   Handy
13817*/
13818@media (max-width: 760px) {
13819    body.single-event_listing #main {
13820        padding-top: var(--agb-single-event-top-gap-mobile) !important;
13821    }
13822}
13823
13824
13825
13826/* =========================================================
13827   45 – AGB – Single Event: Handy quer 2-Column Layout FINAL
13828   ========================================================= */
13829
13830@media (max-width: 900px) and (orientation: landscape) {
13831
13832    body.single-event_listing {
13833        --agb-landscape-gap: 16px;
13834    }
13835
13836    /*
13837       Hauptlayout:
13838       Textbereich und Sidebar untereinander, beide volle Breite.
13839    */
13840    body.single-event_listing .wpem-single-event-page .wpem-single-event-body {
13841        display: block !important;
13842    }
13843
13844    body.single-event_listing .wpem-single-event-page .wpem-single-event-body-content,
13845    body.single-event_listing .wpem-single-event-page .wpem-single-event-body-sidebar {
13846        width: 100% !important;
13847        max-width: none !important;
13848        float: none !important;
13849        clear: both !important;
13850        box-sizing: border-box !important;
13851    }
13852
13853    /*
13854       Info-Cards: echte zwei unabhängige Spalten.
13855    */
13856    body.single-event_listing .agb-landscape-sidebar-layout {
13857        display: grid !important;
13858        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
13859        gap: var(--agb-landscape-gap) !important;
13860        align-items: start !important;
13861        width: 100% !important;
13862        max-width: none !important;
13863        box-sizing: border-box !important;
13864    }
13865
13866    body.single-event_listing .agb-landscape-sidebar-column {
13867        display: flex !important;
13868        flex-direction: column !important;
13869        gap: var(--agb-landscape-gap) !important;
13870        width: 100% !important;
13871        max-width: none !important;
13872        box-sizing: border-box !important;
13873    }
13874
13875    body.single-event_listing .agb-landscape-sidebar-column > * {
13876        width: 100% !important;
13877        max-width: none !important;
13878        margin: 0 !important;
13879        box-sizing: border-box !important;
13880    }
13881
13882    /*
13883       Teilen-Card explizit NICHT volle Breite.
13884    */
13885    body.single-event_listing .agb-landscape-sidebar-right .agb-sidebar-card-share {
13886        width: 100% !important;
13887        max-width: none !important;
13888        margin: 0 !important;
13889        grid-column: auto !important;
13890        box-sizing: border-box !important;
13891    }
13892
13893    /*
13894       Veranstaltungsort:
13895       Ort-Info links, ÖPNV rechts, Map darunter volle Breite.
13896    */
13897    body.single-event_listing .wpem-single-event-page .agb-venue-three-column {
13898        display: grid !important;
13899        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
13900        gap: var(--agb-landscape-gap) !important;
13901        align-items: start !important;
13902    }
13903
13904    body.single-event_listing .wpem-single-event-page .agb-venue-content-column {
13905        grid-column: 1 / 2 !important;
13906        grid-row: 1 !important;
13907        width: 100% !important;
13908        max-width: none !important;
13909    }
13910
13911    body.single-event_listing .wpem-single-event-page .agb-venue-opnv-column {
13912        grid-column: 2 / 3 !important;
13913        grid-row: 1 !important;
13914        width: 100% !important;
13915        max-width: none !important;
13916    }
13917
13918    body.single-event_listing .wpem-single-event-page .agb-venue-map-column {
13919        grid-column: 1 / -1 !important;
13920        grid-row: 2 !important;
13921        width: 100% !important;
13922        max-width: none !important;
13923    }
13924
13925    body.single-event_listing .wpem-single-event-page .agb-venue-map-wrap,
13926    body.single-event_listing .wpem-single-event-page .agb-venue-map-iframe {
13927        height: 280px !important;
13928        min-height: 280px !important;
13929    }
13930
13931    /*
13932       Team:
13933       WICHTIG: Der äußere Team-Wrapper darf NICHT Grid sein,
13934       sonst landet der graue Team-Balken wieder in einer Spalte.
13935    */
13936    body.single-event_listing #wpem_organizer_profile.wpem-organizer-profile-wrapper {
13937        display: block !important;
13938        grid-template-columns: none !important;
13939        width: 100% !important;
13940        max-width: none !important;
13941        box-sizing: border-box !important;
13942    }
13943
13944    /*
13945       Grauer Team-Balken volle Breite.
13946    */
13947    body.single-event_listing #wpem_organizer_profile > .wpem-listing-accordion {
13948        display: flex !important;
13949        width: 100% !important;
13950        max-width: none !important;
13951        box-sizing: border-box !important;
13952    }
13953
13954    body.single-event_listing #wpem_organizer_profile .wpem-organizer-wrapper {
13955        width: 100% !important;
13956        max-width: none !important;
13957        box-sizing: border-box !important;
13958    }
13959
13960    /*
13961       Die tatsächliche Mitglieder-Liste ist .wpem-organizer-profile.
13962       Dort liegen die einzelnen .wpem-organizer-inner-wrapper direkt drin.
13963    */
13964    body.single-event_listing #wpem_organizer_profile .wpem-organizer-profile {
13965        display: grid !important;
13966        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
13967        gap: var(--agb-landscape-gap) !important;
13968        align-items: start !important;
13969        width: 100% !important;
13970        max-width: none !important;
13971        box-sizing: border-box !important;
13972    }
13973
13974    body.single-event_listing #wpem_organizer_profile .wpem-organizer-profile > .wpem-organizer-inner-wrapper {
13975        width: 100% !important;
13976        max-width: none !important;
13977        margin: 0 !important;
13978        box-sizing: border-box !important;
13979    }
13980
13981    /*
13982       Innerhalb jedes Teammitglieds:
13983       Foto oben, Text darunter.
13984    */
13985    body.single-event_listing #wpem_organizer_profile .wpem-organizer-inner-wrapper .wpem-row {
13986        display: block !important;
13987        margin-left: 0 !important;
13988        margin-right: 0 !important;
13989    }
13990
13991    body.single-event_listing #wpem_organizer_profile .wpem-organizer-inner-wrapper .wpem-col-md-3,
13992    body.single-event_listing #wpem_organizer_profile .wpem-organizer-inner-wrapper .wpem-col-md-9,
13993    body.single-event_listing #wpem_organizer_profile .wpem-organizer-inner-wrapper .wpem-col-sm-12 {
13994        width: 100% !important;
13995        max-width: 100% !important;
13996        float: none !important;
13997        padding-left: 0 !important;
13998        padding-right: 0 !important;
13999        box-sizing: border-box !important;
14000    }
14001
14002    body.single-event_listing #wpem_organizer_profile .wpem-organizer-logo img,
14003    body.single-event_listing #wpem_organizer_profile .wpem-organizer-profile img {
14004        width: 100% !important;
14005        max-width: 100% !important;
14006        height: auto !important;
14007    }
14008}
14009
14010
14011
14012/* =========================================================
14013   46 – AGB – Single Event: Handy quer Team-Columns Feinschliff
14014   ========================================================= */
14015
14016@media (max-width: 900px) and (orientation: landscape) {
14017
14018    /*
14019       Abstand zwischen den beiden Team-Spalten.
14020       Höherer Wert = mehr Weißraum zwischen den Teammitgliedern.
14021    */
14022    body.single-event_listing {
14023        --agb-landscape-team-column-gap: 28px;
14024        --agb-landscape-team-row-gap: 18px;
14025    }
14026
14027    /*
14028       Teammitglieder-Grid:
14029       Beide Spalten oben sauber ausrichten.
14030    */
14031    body.single-event_listing #wpem_organizer_profile .wpem-organizer-profile {
14032        display: grid !important;
14033        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
14034        column-gap: var(--agb-landscape-team-column-gap) !important;
14035        row-gap: var(--agb-landscape-team-row-gap) !important;
14036        align-items: start !important;
14037    }
14038
14039    /*
14040       Einzelne Teammitglieder:
14041       keine zusätzlichen oberen Abstände,
14042       damit beide Bilder auf gleicher Höhe starten.
14043    */
14044    body.single-event_listing #wpem_organizer_profile .wpem-organizer-profile > .wpem-organizer-inner-wrapper {
14045        align-self: start !important;
14046        margin-top: 0 !important;
14047        padding-top: 0 !important;
14048    }
14049
14050    /*
14051       Bildbereich oben bündig halten.
14052    */
14053    body.single-event_listing #wpem_organizer_profile .wpem-organizer-inner-wrapper .wpem-row,
14054    body.single-event_listing #wpem_organizer_profile .wpem-organizer-logo-wrapper,
14055    body.single-event_listing #wpem_organizer_profile .wpem-organizer-logo,
14056    body.single-event_listing #wpem_organizer_profile .wpem-organizer-logo a {
14057        margin-top: 0 !important;
14058        padding-top: 0 !important;
14059    }
14060
14061    body.single-event_listing #wpem_organizer_profile .wpem-organizer-logo img {
14062        display: block !important;
14063        margin-top: 0 !important;
14064    }
14065}
14066
14067
14068
14069
14070/* =========================================================
14071   47 – AGB – Single Event: Tablet hochkant 2-Column Layout wie Handy quer, aber Team bleibt Desktop/WPEM
14072   ========================================================= */
14073
14074@media (min-width: 700px) and (max-width: 1100px) and (orientation: portrait) {
14075
14076    body.single-event_listing {
14077        --agb-tablet-portrait-gap: 18px;
14078    }
14079
14080    /*
14081       Hauptlayout:
14082       Textbereich und Sidebar untereinander, beide volle Breite.
14083       Danach werden nur die Info-Cards zweispaltig.
14084    */
14085    body.single-event_listing .wpem-single-event-page .wpem-single-event-body {
14086        display: block !important;
14087    }
14088
14089    body.single-event_listing .wpem-single-event-page .wpem-single-event-body-content,
14090    body.single-event_listing .wpem-single-event-page .wpem-single-event-body-sidebar {
14091        width: 100% !important;
14092        max-width: none !important;
14093        float: none !important;
14094        clear: both !important;
14095        box-sizing: border-box !important;
14096    }
14097
14098    /*
14099       Info-Cards:
14100       gleiche Logik wie Handy quer.
14101       Links: Button, Datum/Uhrzeit, Info & Anmeldung, Standort
14102       Rechts: Bereich, Zuordnung, Teilen
14103    */
14104    body.single-event_listing .agb-landscape-sidebar-layout {
14105        display: grid !important;
14106        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
14107        gap: var(--agb-tablet-portrait-gap) !important;
14108        align-items: start !important;
14109        width: 100% !important;
14110        max-width: none !important;
14111        box-sizing: border-box !important;
14112    }
14113
14114    body.single-event_listing .agb-landscape-sidebar-column {
14115        display: flex !important;
14116        flex-direction: column !important;
14117        gap: var(--agb-tablet-portrait-gap) !important;
14118        width: 100% !important;
14119        max-width: none !important;
14120        box-sizing: border-box !important;
14121    }
14122
14123    body.single-event_listing .agb-landscape-sidebar-column > * {
14124        width: 100% !important;
14125        max-width: none !important;
14126        margin: 0 !important;
14127        box-sizing: border-box !important;
14128    }
14129
14130    body.single-event_listing .agb-landscape-sidebar-right .agb-sidebar-card-share {
14131        width: 100% !important;
14132        max-width: none !important;
14133        margin: 0 !important;
14134        grid-column: auto !important;
14135        box-sizing: border-box !important;
14136    }
14137
14138    /*
14139       Veranstaltungsort:
14140       Ort-Info links, ÖPNV rechts, Map darunter volle Breite.
14141    */
14142    body.single-event_listing .wpem-single-event-page .agb-venue-three-column {
14143        display: grid !important;
14144        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
14145        gap: var(--agb-tablet-portrait-gap) !important;
14146        align-items: start !important;
14147    }
14148
14149    body.single-event_listing .wpem-single-event-page .agb-venue-content-column {
14150        grid-column: 1 / 2 !important;
14151        grid-row: 1 !important;
14152        width: 100% !important;
14153        max-width: none !important;
14154    }
14155
14156    body.single-event_listing .wpem-single-event-page .agb-venue-opnv-column {
14157        grid-column: 2 / 3 !important;
14158        grid-row: 1 !important;
14159        width: 100% !important;
14160        max-width: none !important;
14161    }
14162
14163    body.single-event_listing .wpem-single-event-page .agb-venue-map-column {
14164        grid-column: 1 / -1 !important;
14165        grid-row: 2 !important;
14166        width: 100% !important;
14167        max-width: none !important;
14168    }
14169
14170    body.single-event_listing .wpem-single-event-page .agb-venue-map-wrap,
14171    body.single-event_listing .wpem-single-event-page .agb-venue-map-iframe {
14172        height: 320px !important;
14173        min-height: 320px !important;
14174    }
14175
14176    /*
14177       Team bewusst NICHT anfassen.
14178       Keine Regeln für:
14179       #wpem_organizer_profile
14180       .wpem-organizer-profile
14181       .wpem-organizer-inner-wrapper
14182    */
14183}
14184
14185
14186/* =========================================================
14187   48 – AGB – Single Event: mehr Weißraum über Map Handy quer + Tablet hochkant
14188   ========================================================= */
14189
14190@media (max-width: 900px) and (orientation: landscape),
14191       (min-width: 700px) and (max-width: 1100px) and (orientation: portrait) {
14192
14193    body.single-event_listing {
14194        --agb-venue-map-top-space: 14px;
14195    }
14196
14197    body.single-event_listing .wpem-single-event-page .agb-venue-map-column {
14198        margin-top: var(--agb-venue-map-top-space) !important;
14199    }
14200}
14201
14202
14203
14204
14205/* =========================================================
14206   49 – AGB – Single Event: iPad/Tablet quer Veranstaltungsort wie Tablet hochkant
14207   ========================================================= */
14208
14209@media (min-width: 901px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse) {
14210
14211    body.single-event_listing {
14212        --agb-tablet-landscape-venue-gap: 18px;
14213        --agb-tablet-landscape-map-top-space: 14px;
14214    }
14215
14216    /*
14217       Veranstaltungsort:
14218       Ort-Info links, ÖPNV rechts, Map darunter volle Breite.
14219       Nur Tablet/iPad quer.
14220    */
14221    body.single-event_listing .wpem-single-event-page .agb-venue-three-column {
14222        display: grid !important;
14223        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
14224        gap: var(--agb-tablet-landscape-venue-gap) !important;
14225        align-items: start !important;
14226    }
14227
14228    body.single-event_listing .wpem-single-event-page .agb-venue-content-column {
14229        grid-column: 1 / 2 !important;
14230        grid-row: 1 !important;
14231        width: 100% !important;
14232        max-width: none !important;
14233    }
14234
14235    body.single-event_listing .wpem-single-event-page .agb-venue-opnv-column {
14236        grid-column: 2 / 3 !important;
14237        grid-row: 1 !important;
14238        width: 100% !important;
14239        max-width: none !important;
14240    }
14241
14242    body.single-event_listing .wpem-single-event-page .agb-venue-map-column {
14243        grid-column: 1 / -1 !important;
14244        grid-row: 2 !important;
14245        width: 100% !important;
14246        max-width: none !important;
14247        margin-top: var(--agb-tablet-landscape-map-top-space) !important;
14248    }
14249
14250    body.single-event_listing .wpem-single-event-page .agb-venue-map-wrap,
14251    body.single-event_listing .wpem-single-event-page .agb-venue-map-iframe {
14252        height: 320px !important;
14253        min-height: 320px !important;
14254    }
14255}
14256
14257
14258
14259/* =========================================================
14260   50 – AGB – FluentForms Modal: iPad/Tablet quer Scroll-Fix
14261   ========================================================= */
14262
14263@media (min-width: 901px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse) {
14264
14265    body.single-event_listing .agb-ff-modal {
14266        align-items: flex-start !important;
14267        overflow-y: auto !important;
14268        -webkit-overflow-scrolling: touch !important;
14269        padding-top: 24px !important;
14270        padding-bottom: 18px !important;
14271        box-sizing: border-box !important;
14272    }
14273
14274    body.single-event_listing .agb-ff-modal .agb-ff-modal-dialog {
14275        max-height: calc(100dvh - 56px) !important;
14276        height: auto !important;
14277        overflow-y: auto !important;
14278        -webkit-overflow-scrolling: touch !important;
14279        box-sizing: border-box !important;
14280        margin-top: 0 !important;
14281        margin-bottom: 0 !important;
14282    }
14283
14284    body.single-event_listing .agb-ff-modal .agb-ff-modal-content,
14285    body.single-event_listing .agb-ff-modal .ff-el-group,
14286    body.single-event_listing .agb-ff-modal form {
14287        box-sizing: border-box !important;
14288    }
14289
14290    body.single-event_listing .agb-ff-modal form {
14291        padding-bottom: 22px !important;
14292    }
14293
14294    body.single-event_listing .agb-ff-modal .ff_submit_btn_wrapper,
14295    body.single-event_listing .agb-ff-modal .ff-el-group:last-child {
14296        margin-bottom: 19px !important;
14297        padding-bottom: 12px !important;
14298    }
14299}
14300
14301
14302
14303/* =========================================================
14304   51 – AGB – FluentForms Modal: Handy hochkant Scroll-Fix ohne Formular-Innenabstände zu verändern
14305   ========================================================= */
14306
14307@media (max-width: 760px) and (orientation: portrait) {
14308
14309    /*
14310       Nur die äußere Modal-Ebene scrollbar machen.
14311       Das Formular selbst bleibt unverändert.
14312    */
14313    body.single-event_listing .agb-ff-modal {
14314        align-items: flex-start !important;
14315        overflow-y: auto !important;
14316        -webkit-overflow-scrolling: touch !important;
14317        padding-top: 18px !important;
14318        padding-bottom: max(24px, env(safe-area-inset-bottom)) !important;
14319        box-sizing: border-box !important;
14320    }
14321
14322    /*
14323       Nur die Modal-Box begrenzen,
14324       damit sie innerhalb des sichtbaren Handybereichs scrollbar bleibt.
14325    */
14326    body.single-event_listing .agb-ff-modal .agb-ff-modal-dialog {
14327        max-height: calc(100dvh - 42px) !important;
14328        height: auto !important;
14329        overflow-y: auto !important;
14330        -webkit-overflow-scrolling: touch !important;
14331        box-sizing: border-box !important;
14332        margin-top: 0 !important;
14333        margin-bottom: 0 !important;
14334    }
14335}
14336
14337
14338
14339/* =========================================================
14340   AGB – Single Event: Altershinweis in Info & Anmeldung
14341   ========================================================= */
14342
14343.wpem-single-event-page .agb-registration-age-info {
14344    margin-top: 12px;
14345    padding: 10px 12px;
14346    border-left: 4px solid #3eb7ab;
14347    border-radius: 9px;
14348    background: #f5fbfa;
14349    color: #40515a;
14350    font-size: 14px;
14351    line-height: 1.45;
14352}
14353
14354.wpem-single-event-page .agb-registration-age-info p {
14355    margin: 0 0 6px 0 !important;
14356}
14357
14358.wpem-single-event-page .agb-registration-age-info p:last-child {
14359    margin-bottom: 0 !important;
14360}
14361
14362
14363
14364
14365/* =========================================================
14366   AGB – Single Event: Altershinweis in Info & Anmeldung
14367   ========================================================= */
14368
14369body.single-event_listing {
14370    --agb-age-info-max-width: 230px;
14371}
14372
14373.wpem-single-event-page .agb-sidebar-card-registration .agb-registration-age-info {
14374    width: 100%;
14375    max-width: var(--agb-age-info-max-width);
14376    box-sizing: border-box;
14377
14378    margin-top: 15px;
14379margin-bottom: 12px;
14380    margin-right: auto;
14381    margin-left: 0;
14382
14383    padding: 12px 13px;
14384    border-left: 4px solid #3eb7ab;
14385    border-radius: 9px;
14386    background: #f5fbfa;
14387    color: #40515a;
14388    font-size: 14px;
14389    line-height: 1.45;
14390}
14391
14392.wpem-single-event-page .agb-sidebar-card-registration .agb-registration-age-info p {
14393    margin: 0 0 6px 0 !important;
14394}
14395
14396.wpem-single-event-page .agb-sidebar-card-registration .agb-registration-age-info p:last-child {
14397    margin-bottom: 0 !important;
14398}
14399
14400/* Mobile wieder volle Breite */
14401@media (max-width: 600px) {
14402    .wpem-single-event-page .agb-sidebar-card-registration .agb-registration-age-info {
14403        max-width: none;
14404    }
14405}
14406
14407
14408
14409
14410
14411/* =========================================================
14412   AGB – FluentForms Form 11 Hybridformular kompakt
14413   ========================================================= */
14414
14415#agb-ff-modal form.fluent_form_11 {
14416    --agb-ff-control-height: 40px;
14417    --agb-ff-radius: 8px;
14418    --agb-ff-green: #3eb7ab;
14419    --agb-ff-soft: #f6fbfa;
14420    --agb-ff-border: #d9e5e3;
14421    --agb-ff-text: #24343a;
14422    --agb-ff-muted: #66767d;
14423}
14424
14425/* Grundabstände */
14426#agb-ff-modal form.fluent_form_11 .ff-el-group {
14427    margin-bottom: 11px;
14428}
14429
14430#agb-ff-modal form.fluent_form_11 .ff-el-input--label {
14431    margin-bottom: 4px;
14432}
14433
14434#agb-ff-modal form.fluent_form_11 .ff-el-input--label label {
14435    font-size: 14px;
14436    line-height: 1.25;
14437    font-weight: 600;
14438    color: var(--agb-ff-text);
14439}
14440
14441/* Eingabefelder kompakt – Checkbox/Radio ausgeschlossen */
14442#agb-ff-modal form.fluent_form_11 input[type="text"],
14443#agb-ff-modal form.fluent_form_11 input[type="email"],
14444#agb-ff-modal form.fluent_form_11 input[type="tel"],
14445#agb-ff-modal form.fluent_form_11 input[type="number"],
14446#agb-ff-modal form.fluent_form_11 select,
14447#agb-ff-modal form.fluent_form_11 .ff-name-field-wrapper input[type="text"] {
14448    min-height: var(--agb-ff-control-height) !important;
14449    height: var(--agb-ff-control-height) !important;
14450    padding: 6px 10px !important;
14451    border-radius: var(--agb-ff-radius);
14452    border: 1px solid var(--agb-ff-border);
14453    font-size: 14px;
14454    line-height: 1.2;
14455    box-sizing: border-box;
14456}
14457
14458/* Textarea / Anmerkungen: wieder eine Zeile höher */
14459#agb-ff-modal form.fluent_form_11 textarea {
14460    min-height: 62px !important;
14461    height: 62px !important;
14462    padding: 8px 10px;
14463    border-radius: var(--agb-ff-radius);
14464    border: 1px solid var(--agb-ff-border);
14465    font-size: 14px;
14466    line-height: 1.35;
14467    box-sizing: border-box;
14468}
14469
14470/* Fokus */
14471#agb-ff-modal form.fluent_form_11 input[type="text"]:focus,
14472#agb-ff-modal form.fluent_form_11 input[type="email"]:focus,
14473#agb-ff-modal form.fluent_form_11 input[type="tel"]:focus,
14474#agb-ff-modal form.fluent_form_11 input[type="number"]:focus,
14475#agb-ff-modal form.fluent_form_11 select:focus,
14476#agb-ff-modal form.fluent_form_11 textarea:focus {
14477    border-color: var(--agb-ff-green);
14478    box-shadow: 0 0 0 2px rgba(62, 183, 171, 0.14);
14479    outline: none;
14480}
14481
14482/* Abschnittswechsel als Formular-Kapitel: nur Hintergrund, keine eigene Linie */
14483#agb-ff-modal form.fluent_form_11 .agb-hybrid-section,
14484#agb-ff-modal form.fluent_form_11 .ff-el-group.agb-hybrid-section {
14485    margin-top: 16px;
14486    margin-bottom: 5px;
14487    padding: 8px 10px;
14488    border: 0 !important;
14489    border-radius: 8px;
14490    background: var(--agb-ff-soft);
14491}
14492
14493/* Abstand zum direkt folgenden Vorname/Nachname-Block enger */
14494#agb-ff-modal form.fluent_form_11 .agb-hybrid-section + .agb-name-row,
14495#agb-ff-modal form.fluent_form_11 .ff-el-group.agb-hybrid-section + .agb-name-row {
14496    margin-top: 0;
14497}
14498
14499/* Abschnittstitel */
14500#agb-ff-modal form.fluent_form_11 .agb-hybrid-section .ff-el-section-title,
14501#agb-ff-modal form.fluent_form_11 .agb-hybrid-section .ff-section-title,
14502#agb-ff-modal form.fluent_form_11 .agb-hybrid-section h1,
14503#agb-ff-modal form.fluent_form_11 .agb-hybrid-section h2,
14504#agb-ff-modal form.fluent_form_11 .agb-hybrid-section h3,
14505#agb-ff-modal form.fluent_form_11 .agb-hybrid-section h4 {
14506    margin: 0 0 3px 0 !important;
14507    font-size: 16px;
14508    line-height: 1.25;
14509    font-weight: 800;
14510    color: var(--agb-ff-text);
14511}
14512
14513/* Abschnitt-Subline */
14514#agb-ff-modal form.fluent_form_11 .agb-hybrid-section .ff-el-section-details,
14515#agb-ff-modal form.fluent_form_11 .agb-hybrid-section .ff-section_break_desk,
14516#agb-ff-modal form.fluent_form_11 .agb-hybrid-section .ff-el-section-desc,
14517#agb-ff-modal form.fluent_form_11 .agb-hybrid-section .agb-section-dynamic-description,
14518#agb-ff-modal form.fluent_form_11 .agb-hybrid-section p {
14519    margin: 0 !important;
14520    font-size: 12.5px;
14521    line-height: 1.35;
14522    color: var(--agb-ff-muted);
14523}
14524
14525/* Falls FluentForms die eigene Linie als HR/Border ausgibt */
14526#agb-ff-modal form.fluent_form_11 .agb-hybrid-section hr,
14527#agb-ff-modal form.fluent_form_11 .ff-el-group.agb-hybrid-section hr {
14528    margin-top: 7px;
14529    margin-bottom: 0;
14530}
14531
14532/* Vorname / Nachname und E-Mail / Telefon Wrapper – wird per JS erzeugt */
14533#agb-ff-modal form.fluent_form_11 .agb-name-row {
14534    display: grid;
14535    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
14536    gap: 10px;
14537    width: 100%;
14538}
14539
14540#agb-ff-modal form.fluent_form_11 .agb-name-row > .ff-el-group {
14541    min-width: 0;
14542    margin-bottom: 11px;
14543}
14544
14545/* Wer meldet an – Feldgruppe unten etwas enger */
14546#agb-ff-modal form.fluent_form_11 .agb-registration-type-field,
14547#agb-ff-modal form.fluent_form_11 .ff-el-group:has(input[name="registration_person_type"]) {
14548    margin-bottom: 6px !important;
14549}
14550
14551/* Wer meldet an – kompakte Karten */
14552#agb-ff-modal form.fluent_form_11 .agb-registration-type-field .ff-el-form-check,
14553#agb-ff-modal form.fluent_form_11 .ff-el-group:has(input[name="registration_person_type"]) .ff-el-form-check {
14554    margin: 0 0 5px 0 !important;
14555    padding: 0 !important;
14556}
14557
14558#agb-ff-modal form.fluent_form_11 .agb-registration-type-field .ff-el-form-check:last-child,
14559#agb-ff-modal form.fluent_form_11 .ff-el-group:has(input[name="registration_person_type"]) .ff-el-form-check:last-child {
14560    margin-bottom: 0 !important;
14561}
14562
14563#agb-ff-modal form.fluent_form_11 .agb-registration-type-field .ff-el-form-check label,
14564#agb-ff-modal form.fluent_form_11 .ff-el-group:has(input[name="registration_person_type"]) .ff-el-form-check label {
14565    display: flex !important;
14566    align-items: flex-start !important;
14567    gap: 8px !important;
14568    min-height: 0 !important;
14569    margin: 0 !important;
14570    padding: 7px 10px !important;
14571    border: 1px solid var(--agb-ff-border);
14572    border-radius: 9px;
14573    background: #ffffff;
14574    font-size: 15px;
14575    line-height: 1.35;
14576    cursor: pointer;
14577    box-sizing: border-box;
14578}
14579
14580#agb-ff-modal form.fluent_form_11 .agb-registration-type-field input[type="radio"],
14581#agb-ff-modal form.fluent_form_11 input[name="registration_person_type"][type="radio"] {
14582    flex: 0 0 auto !important;
14583    width: 16px !important;
14584    height: 16px !important;
14585    min-width: 16px !important;
14586    min-height: 16px !important;
14587    margin: 3px 0 0 0 !important;
14588    padding: 0 !important;
14589    box-shadow: none !important;
14590}
14591
14592#agb-ff-modal form.fluent_form_11 .agb-registration-type-field .ff-el-form-check:has(input[type="radio"]:checked) label,
14593#agb-ff-modal form.fluent_form_11 .ff-el-group:has(input[name="registration_person_type"]:checked) .ff-el-form-check:has(input[type="radio"]:checked) label {
14594    border-color: var(--agb-ff-green);
14595    background: #f4fbfa;
14596}
14597
14598/* Checkboxen kompakt und sauber eingerückt */
14599#agb-ff-modal form.fluent_form_11 .ff-el-form-check:has(input[type="checkbox"]) {
14600    margin-bottom: 4px;
14601}
14602
14603#agb-ff-modal form.fluent_form_11 .ff-el-form-check:has(input[type="checkbox"]) label {
14604    display: grid !important;
14605    grid-template-columns: 18px 1fr;
14606    column-gap: 8px;
14607    align-items: flex-start;
14608    font-size: 14px;
14609    line-height: 1.35;
14610    min-height: 0 !important;
14611}
14612
14613#agb-ff-modal form.fluent_form_11 input[type="checkbox"] {
14614    width: 16px !important;
14615    height: 16px !important;
14616    min-width: 16px !important;
14617    min-height: 16px !important;
14618    margin-top: 2px !important;
14619    padding: 0 !important;
14620    box-shadow: none !important;
14621}
14622
14623#agb-ff-modal form.fluent_form_11 .ff-el-group:has(input[type="checkbox"]) {
14624    margin-bottom: 9px;
14625}
14626
14627/* Elternkontakt-Wrapper selbst nicht zusätzlich aufblasen */
14628#agb-ff-modal form.fluent_form_11 .agb-parent-contact-wrapper {
14629    padding: 0;
14630    border: 0;
14631    background: transparent;
14632}
14633
14634/* Nur die beiden neuen Consent-Boxen leicht hervorheben */
14635#agb-ff-modal form.fluent_form_11 .agb-minor-self-consent-row,
14636#agb-ff-modal form.fluent_form_11 .agb-adult-contact-consent-row {
14637    padding: 8px 10px;
14638    border-left: 4px solid var(--agb-ff-green);
14639    border-radius: 9px;
14640    background: #f7fbfa;
14641}
14642
14643/* Fehler aus Hybrid-JS */
14644#agb-ff-modal form.fluent_form_11 .agb-minor-self-consent-error,
14645#agb-ff-modal form.fluent_form_11 .agb-parent-contact-error {
14646    margin-top: 6px;
14647    padding: 7px 9px;
14648    border-left: 4px solid #d63638;
14649    border-radius: 6px;
14650    background: #fff1f0;
14651    color: #9b1c1c;
14652    font-size: 13px;
14653    line-height: 1.35;
14654    font-weight: 600;
14655}
14656
14657#agb-ff-modal form.fluent_form_11 .agb-hybrid-has-error input {
14658    outline: 2px solid rgba(214, 54, 56, 0.25);
14659}
14660
14661/* Submit Button */
14662#agb-ff-modal form.fluent_form_11 button[type="submit"],
14663#agb-ff-modal form.fluent_form_11 .ff-btn-submit {
14664    min-height: 42px;
14665    padding: 9px 17px;
14666    border-radius: 999px;
14667    font-size: 15px;
14668    font-weight: 700;
14669    line-height: 1.2;
14670}
14671
14672/* Mobile */
14673@media (max-width: 640px) {
14674    #agb-ff-modal form.fluent_form_11 .agb-name-row {
14675        display: block;
14676    }
14677
14678    #agb-ff-modal form.fluent_form_11 .agb-hybrid-section,
14679    #agb-ff-modal form.fluent_form_11 .ff-el-group.agb-hybrid-section {
14680        padding: 8px 10px;
14681        margin-top: 15px;
14682        margin-bottom: 6px;
14683    }
14684
14685    #agb-ff-modal form.fluent_form_11 .agb-hybrid-section .ff-el-section-title,
14686    #agb-ff-modal form.fluent_form_11 .agb-hybrid-section .ff-section-title,
14687    #agb-ff-modal form.fluent_form_11 .agb-hybrid-section h1,
14688    #agb-ff-modal form.fluent_form_11 .agb-hybrid-section h2,
14689    #agb-ff-modal form.fluent_form_11 .agb-hybrid-section h3,
14690    #agb-ff-modal form.fluent_form_11 .agb-hybrid-section h4 {
14691        font-size: 16px;
14692    }
14693}
14694
14695
14696/* Nur die Überschrift „Wer meldet an?“ größer */
14697#agb-ff-modal form.fluent_form_11 .agb-registration-type-field > .ff-el-input--label label,
14698#agb-ff-modal form.fluent_form_11 .ff-el-group:has(input[name="registration_person_type"]) > .ff-el-input--label label {
14699    font-size: 15.5px !important;
14700    line-height: 1.25 !important;
14701    font-weight: 700 !important;
14702}
14703
14704
14705
14706/* =========================================================
14707   AGB – Form 11 Checkbox-Feinschliff
14708   ========================================================= */
14709
14710/* Die beiden neuen Checkbox-Boxen etwas weiter vom Anmerkungsfeld lösen */
14711#agb-ff-modal form.fluent_form_11 .agb-minor-self-consent-row,
14712#agb-ff-modal form.fluent_form_11 .agb-adult-contact-consent-row {
14713    margin-top: 6px !important;
14714}
14715
14716/* Neue Checkboxen: minimal tiefer setzen */
14717#agb-ff-modal form.fluent_form_11 .agb-minor-self-consent-row input[type="checkbox"],
14718#agb-ff-modal form.fluent_form_11 .agb-adult-contact-consent-row input[type="checkbox"] {
14719    margin-top: 4px !important;
14720}
14721
14722/* Alte Checkboxen: DSGVO + Datenschutz/AGB minimal höher setzen */
14723#agb-ff-modal form.fluent_form_11 input[name="gdpr-agreement_1"],
14724#agb-ff-modal form.fluent_form_11 input[name="terms-n-condition"] {
14725    margin-top: -8px !important;
14726}
14727
14728/* Alte Checkbox-Texte sauber oben ausrichten */
14729#agb-ff-modal form.fluent_form_11 input[name="gdpr-agreement_1"] + span,
14730#agb-ff-modal form.fluent_form_11 input[name="terms-n-condition"] + span,
14731#agb-ff-modal form.fluent_form_11 input[name="gdpr-agreement_1"] ~ span,
14732#agb-ff-modal form.fluent_form_11 input[name="terms-n-condition"] ~ span {
14733    line-height: 1.35 !important;
14734}
14735
14736
14737
14738/* =========================================================
14739   AGB Modal – Meta-Labels oben feiner Abstand + Banner links
14740   ========================================================= */
14741
14742/* Minimal mehr vertikaler Abstand zwischen Datum / Uhrzeit / Adresse / Raum */
14743.agb-ff-event-meta {
14744    row-gap: 9px !important;
14745    column-gap: 6px !important;
14746}
14747
14748/* Raum- und Standort-Zeile minimal sauberer untereinander */
14749.agb-ff-event-meta-item-location,
14750.agb-ff-event-meta-item-room-row {
14751    margin-top: 1px !important;
14752}
14753
14754/* Bannerbild bei Allgemein + Hybrid wieder links ausrichten */
14755.agb-ff-modal-form-allgemein .agb-ff-event-banner.agb-ff-event-banner-has-image,
14756.agb-ff-modal-form-kurs_erwachsene .agb-ff-event-banner.agb-ff-event-banner-has-image,
14757.agb-ff-modal-form-kinder_jugendkurs .agb-ff-event-banner.agb-ff-event-banner-has-image,
14758.agb-ff-modal-form-eltern_kind_kurs .agb-ff-event-banner.agb-ff-event-banner-has-image {
14759    background-position: left center !important;
14760}
14761
14762/* Mobile ebenfalls links halten */
14763@media (max-width: 700px) {
14764    .agb-ff-modal-form-allgemein .agb-ff-event-banner.agb-ff-event-banner-has-image,
14765    .agb-ff-modal-form-kurs_erwachsene .agb-ff-event-banner.agb-ff-event-banner-has-image,
14766    .agb-ff-modal-form-kinder_jugendkurs .agb-ff-event-banner.agb-ff-event-banner-has-image,
14767    .agb-ff-modal-form-eltern_kind_kurs .agb-ff-event-banner.agb-ff-event-banner-has-image {
14768        background-position: left center !important;
14769    }
14770}
14771
14772
14773
14774
14775/* =========================================================
14776   AGB – Single Event: Auftritt-/Programm-Cards Mobile/Desktop v6
14777   Fixes:
14778   1) Handy hochkant: Bild bleibt quadratisch, volle Breite innerhalb Card-Padding.
14779   2) Cutout oben links ohne Blitzer.
14780   3) Handy hochkant: Card Padding 25px.
14781   4) Handy quer: Card komplett wie Desktop, aber ebenfalls mit 25px Card-Padding.
14782   5) Desktop: Card-Padding um 8px gekürzt, Cutout/Icon entsprechend justiert.
14783   Einfügen ganz am Ende der Avada Custom CSS.
14784   ========================================================= */
14785
14786
14787/* ---------------------------------------------------------
14788   1) Handy hochkant:
14789   Bild/Icon/Cutout wie Desktop, Text darunter bleibt mobil.
14790   --------------------------------------------------------- */
14791@media (max-width: 760px) and (orientation: portrait) {
14792
14793    .wpem-single-event-page .agb-event-program-card {
14794        position: relative !important;
14795        --agb-program-card-mobile-pad: 25px;
14796        padding: 25px 25px 25px 25px !important;
14797    }
14798
14799    .wpem-single-event-page .agb-event-program-card .agb-event-program-image {
14800        position: relative !important;
14801        overflow: hidden !important;
14802        display: block !important;
14803
14804        width: 100% !important;
14805        max-width: none !important;
14806        height: auto !important;
14807        min-height: 0 !important;
14808        aspect-ratio: 1 / 1 !important;
14809
14810        margin-top: 0 !important;
14811        margin-bottom: 22px !important;
14812        border-radius: 14px !important;
14813        background: #eef4f4 !important;
14814    }
14815
14816    .wpem-single-event-page .agb-event-program-card .agb-event-program-image img {
14817        display: block !important;
14818        width: 100% !important;
14819        height: 100% !important;
14820        min-height: 100% !important;
14821        object-fit: cover !important;
14822        object-position: center !important;
14823    }
14824
14825    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon {
14826        position: absolute !important;
14827        left: var(--agb-program-card-mobile-pad) !important;
14828        top: var(--agb-program-card-mobile-pad) !important;
14829        z-index: 3 !important;
14830
14831        width: 62px !important;
14832        height: 62px !important;
14833        margin: 0 !important;
14834        padding: 0 !important;
14835
14836        background: #ffffff !important;
14837        border-radius: 0 0 16px 0 !important;
14838        display: flex !important;
14839        align-items: center !important;
14840        justify-content: center !important;
14841        overflow: visible !important;
14842    }
14843
14844    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon img {
14845        display: block !important;
14846        width: 38px !important;
14847        height: 38px !important;
14848        object-fit: contain !important;
14849        filter: brightness(0) saturate(100%) invert(61%) sepia(39%) saturate(745%) hue-rotate(127deg) brightness(89%) contrast(88%) !important;
14850    }
14851
14852    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon::before {
14853        content: "" !important;
14854        display: block !important;
14855        position: absolute !important;
14856        top: 0 !important;
14857        left: 62px !important;
14858        width: 16px !important;
14859        height: 16px !important;
14860        background: radial-gradient(circle at 100% 100%, transparent 16px, #ffffff 16px) !important;
14861        pointer-events: none !important;
14862    }
14863
14864    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon::after {
14865        content: "" !important;
14866        display: block !important;
14867        position: absolute !important;
14868        top: 62px !important;
14869        left: 0 !important;
14870        width: 16px !important;
14871        height: 16px !important;
14872        background: radial-gradient(circle at 100% 100%, transparent 16px, #ffffff 16px) !important;
14873        pointer-events: none !important;
14874    }
14875}
14876
14877
14878/* ---------------------------------------------------------
14879   2) Handy quer:
14880   Auftritt-/Programm-Card komplett wie Desktop darstellen,
14881   aber mit gleichem Card-Padding wie Handy hochkant.
14882   --------------------------------------------------------- */
14883@media (max-width: 900px) and (orientation: landscape) {
14884
14885    .wpem-single-event-page .agb-event-program-card {
14886        position: relative !important;
14887        display: grid !important;
14888        grid-template-columns: 220px 1fr !important;
14889        column-gap: 26px !important;
14890        width: 100% !important;
14891        max-width: 748px !important;
14892        background: #ffffff !important;
14893        border: 1px solid #e2e7e8 !important;
14894        border-radius: 12px !important;
14895        padding: 25px 25px 25px 25px !important;
14896        box-shadow: 0 10px 24px rgba(16, 48, 58, 0.045) !important;
14897    }
14898
14899    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon {
14900        position: absolute !important;
14901        left: 25px !important;
14902        top: 25px !important;
14903        z-index: 3 !important;
14904        width: 62px !important;
14905        height: 62px !important;
14906        margin: 0 !important;
14907        padding: 0 !important;
14908        background: #ffffff !important;
14909        border-radius: 0 0 16px 0 !important;
14910        display: flex !important;
14911        align-items: center !important;
14912        justify-content: center !important;
14913        overflow: visible !important;
14914    }
14915
14916    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon img {
14917        display: block !important;
14918        width: 38px !important;
14919        height: 38px !important;
14920        object-fit: contain !important;
14921        filter: brightness(0) saturate(100%) invert(61%) sepia(39%) saturate(745%) hue-rotate(127deg) brightness(89%) contrast(88%) !important;
14922    }
14923
14924    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon::before {
14925        content: "" !important;
14926        display: block !important;
14927        position: absolute !important;
14928        top: 0 !important;
14929        left: 62px !important;
14930        width: 16px !important;
14931        height: 16px !important;
14932        background: radial-gradient(circle at 100% 100%, transparent 16px, #ffffff 16px) !important;
14933        pointer-events: none !important;
14934    }
14935
14936    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon::after {
14937        content: "" !important;
14938        display: block !important;
14939        position: absolute !important;
14940        top: 62px !important;
14941        left: 0 !important;
14942        width: 16px !important;
14943        height: 16px !important;
14944        background: radial-gradient(circle at 100% 100%, transparent 16px, #ffffff 16px) !important;
14945        pointer-events: none !important;
14946    }
14947
14948    .wpem-single-event-page .agb-event-program-card .agb-event-program-image {
14949        grid-column: 1 !important;
14950        width: 220px !important;
14951        height: 220px !important;
14952        margin-top: 0 !important;
14953        margin-bottom: 0 !important;
14954        border-radius: 14px !important;
14955        overflow: hidden !important;
14956        background: #eef4f4 !important;
14957    }
14958
14959    .wpem-single-event-page .agb-event-program-card .agb-event-program-image img {
14960        display: block !important;
14961        width: 100% !important;
14962        height: 100% !important;
14963        object-fit: cover !important;
14964        object-position: center !important;
14965    }
14966
14967    .wpem-single-event-page .agb-event-program-card .agb-event-program-content {
14968        grid-column: 2 !important;
14969        padding-top: 0 !important;
14970        margin-top: -7px !important;
14971        align-self: start !important;
14972    }
14973
14974    .wpem-single-event-page .agb-event-program-card .agb-event-program-title {
14975        font-size: 20px !important;
14976        line-height: 1.22 !important;
14977        font-weight: 700 !important;
14978        letter-spacing: 0.01em !important;
14979        margin: 0 0 4px 0 !important;
14980        padding: 0 !important;
14981    }
14982
14983    .wpem-single-event-page .agb-event-program-card .agb-event-program-artists {
14984        font-size: 15px !important;
14985        line-height: 1.35 !important;
14986        font-weight: 700 !important;
14987        letter-spacing: 0.02em !important;
14988        text-transform: uppercase !important;
14989        margin-bottom: 8px !important;
14990    }
14991
14992    .wpem-single-event-page .agb-event-program-card .agb-event-program-description {
14993        font-size: 15px !important;
14994        line-height: 1.55 !important;
14995        max-width: 430px !important;
14996    }
14997}
14998
14999
15000/* ---------------------------------------------------------
15001   3) Desktop:
15002   Card-Padding um 8px gekürzt und Cutout/Icon entsprechend angepasst.
15003   Vorher ungefähr: 43px 48px 41px 48px
15004   Jetzt:          35px 40px 33px 40px
15005   --------------------------------------------------------- */
15006@media (min-width: 901px) {
15007
15008    .wpem-single-event-page .agb-event-program-card {
15009        padding: 35px 40px 33px 40px !important;
15010    }
15011
15012    .wpem-single-event-page .agb-event-program-card .agb-event-program-icon {
15013        left: 40px !important;
15014        top: 35px !important;
15015    }
15016}
15017
15018/* =========================================================
15019   AGB – Event Listing Grid Cards
15020   =========================================================
15021   Aus dem Customizer-CSS entfernt.
15022   Dieser Bereich wird ab jetzt separat als FluentSnippet gepflegt.
15023   ========================================================= */
15024
15025
15026/*
15027 * AGB – Event Listing Filter 1 Row v3
15028 *
15029 * Ziel auf /termine/:
15030 * Desktop:
15031 * Suche | Alle Angebote | Alle Zielgruppen | Datumsbereich auswählen
15032 *
15033 * Aus dem gelieferten HTML:
15034 * - Suche: #search_keywords
15035 * - Standort: #search_location -> wird ausgeblendet
15036 * - Angebote/Kategorien: #search_categories / #search_categories_chosen
15037 * - Zielgruppen: #search_event_types / #search_event_types_chosen
15038 * - Datum: #search_datetimes + .comiseo-daterangepicker-triggerbutton
15039 * - Schlagwörter: #class_chose.filter_by_tag -> werden wieder angezeigt
15040 *
15041 * Wichtig:
15042 * - CSS-only.
15043 * - Keine PHP-Template-Änderung.
15044 * - Labels werden visuell ausgeblendet, damit es wirklich eine kompakte Zeile wird.
15045 */
15046
15047/* Filterblock als eine Grid-Zeile */
15048#event_filters .search_events.search-form-container {
15049    display: grid !important;
15050    grid-template-columns: minmax(220px, 1.25fr) minmax(190px, 1fr) minmax(190px, 1fr) minmax(210px, 1fr) !important;
15051    gap: 12px !important;
15052    align-items: end !important;
15053}
15054
15055/* Die zwei vorhandenen .wpem-row-Hüllen auflösen */
15056#event_filters .search_events.search-form-container > .wpem-row {
15057    display: contents !important;
15058}
15059
15060#event_filters .search_events.search-form-container .wpem-col {
15061    width: auto !important;
15062    max-width: none !important;
15063    flex: none !important;
15064    padding-left: 0 !important;
15065    padding-right: 0 !important;
15066    margin: 0 !important;
15067}
15068
15069/* Standort ausblenden */
15070#event_filters .search_events.search-form-container .wpem-col:has(#search_location) {
15071    display: none !important;
15072}
15073
15074/* Reihenfolge erzwingen */
15075#event_filters .search_events.search-form-container .wpem-col:has(#search_keywords) {
15076    order: 1 !important;
15077}
15078
15079#event_filters .search_events.search-form-container .wpem-col:has(#search_categories) {
15080    order: 2 !important;
15081}
15082
15083#event_filters .search_events.search-form-container .wpem-col:has(#search_event_types) {
15084    order: 3 !important;
15085}
15086
15087#event_filters .search_events.search-form-container .wpem-col:has(#search_datetimes),
15088#event_filters .search_events.search-form-container .wpem-col:has(.date_range_picker),
15089#event_filters .search_events.search-form-container .wpem-col:has(.comiseo-daterangepicker-triggerbutton) {
15090    order: 4 !important;
15091}
15092
15093/* Labels kompakt ausblenden */
15094#event_filters .search_events.search-form-container .wpem-form-label {
15095    position: absolute !important;
15096    width: 1px !important;
15097    height: 1px !important;
15098    padding: 0 !important;
15099    margin: -1px !important;
15100    overflow: hidden !important;
15101    clip: rect(0, 0, 0, 0) !important;
15102    white-space: nowrap !important;
15103    border: 0 !important;
15104}
15105
15106#event_filters .search_events.search-form-container .wpem-form-group {
15107    margin: 0 !important;
15108}
15109
15110/* Felder gleich hoch, volle Breite, leicht gerundet */
15111#event_filters #search_keywords,
15112#event_filters #search_location,
15113#event_filters .chosen-container,
15114#event_filters .chosen-container-single,
15115#event_filters .comiseo-daterangepicker-triggerbutton {
15116    width: 100% !important;
15117    max-width: 100% !important;
15118}
15119
15120#event_filters #search_keywords,
15121#event_filters .chosen-container-single .chosen-single,
15122#event_filters .comiseo-daterangepicker-triggerbutton {
15123    min-height: 44px !important;
15124    height: 44px !important;
15125    line-height: 42px !important;
15126    border-radius: 9px !important;
15127    border: 1px solid #dfe7e7 !important;
15128    background: #ffffff !important;
15129    color: #223331 !important;
15130    box-shadow: none !important;
15131    box-sizing: border-box !important;
15132}
15133
15134#event_filters #search_keywords {
15135    padding: 0 14px !important;
15136}
15137
15138#event_filters .chosen-container-single .chosen-single {
15139    padding: 0 36px 0 14px !important;
15140}
15141
15142#event_filters .chosen-container-single .chosen-single span {
15143    line-height: 42px !important;
15144    color: #223331 !important;
15145}
15146
15147#event_filters .chosen-container-single .chosen-single div {
15148    top: 8px !important;
15149    right: 8px !important;
15150}
15151
15152#event_filters .comiseo-daterangepicker-triggerbutton {
15153    text-align: left !important;
15154    padding: 0 36px 0 14px !important;
15155    font-family: inherit !important;
15156    font-size: inherit !important;
15157}
15158
15159#event_filters .comiseo-daterangepicker-triggerbutton .ui-button-icon {
15160    right: 12px !important;
15161}
15162
15163#event_filters #search_keywords:focus,
15164#event_filters .chosen-container-active .chosen-single,
15165#event_filters .comiseo-daterangepicker-triggerbutton:focus {
15166    border-color: #9fc6c0 !important;
15167    box-shadow: 0 0 0 3px rgba(0, 127, 118, 0.10) !important;
15168    outline: none !important;
15169}
15170
15171/* Schlagwörter wieder anzeigen */
15172#event_filters #class_chose.filter_by_tag {
15173    display: block !important;
15174    margin-top: 14px !important;
15175    padding: 0 !important;
15176    font-size: 14px !important;
15177    color: #4d5d5a !important;
15178}
15179
15180#event_filters #class_chose .filter_by_tag_cloud {
15181    display: flex !important;
15182    flex-wrap: wrap !important;
15183    gap: 7px !important;
15184    margin-top: 8px !important;
15185}
15186
15187#event_filters #class_chose .tag-cloud-link {
15188    display: inline-flex !important;
15189    align-items: center !important;
15190    min-height: 30px !important;
15191    padding: 5px 11px !important;
15192    border-radius: 999px !important;
15193    border: 1px solid #dfe7e7 !important;
15194    background: #ffffff !important;
15195    color: #253835 !important;
15196    font-size: 13px !important;
15197    line-height: 1.2 !important;
15198    text-decoration: none !important;
15199}
15200
15201#event_filters #class_chose .tag-cloud-link:hover,
15202#event_filters #class_chose .tag-cloud-link:focus {
15203    border-color: #9fc6c0 !important;
15204    box-shadow: 0 0 0 3px rgba(0, 127, 118, 0.08) !important;
15205    outline: none !important;
15206}
15207
15208/* Applied Filters / Ergebniszeile etwas absetzen */
15209#event_filters .showing_applied_filters,
15210#event_filters .showing-applied-filters {
15211    margin-top: 12px !important;
15212}
15213
15214/* Responsive */
15215@media (max-width: 1100px) {
15216    #event_filters .search_events.search-form-container {
15217        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
15218    }
15219}
15220
15221@media (max-width: 640px) {
15222    #event_filters .search_events.search-form-container {
15223        grid-template-columns: 1fr !important;
15224        gap: 10px !important;
15225    }
15226
15227    #event_filters #class_chose.filter_by_tag {
15228        margin-top: 12px !important;
15229    }
15230}
15231
15232
15233/* =========================================================
15234   AGB – Event Listing Filter 1 Row v3 Ergänzungen
15235   Fix:
15236   - Chosen rechteckigen Innen-/Außenborder entfernen
15237   - Dropdown-Dreiecke vertikal zentrieren
15238   - Tag-Pills grau ohne Border
15239   - Text "Nach Schlagwort (Tag) filtern:" ausblenden
15240   ========================================================= */
15241
15242/* Chosen-Container selbst ohne extra rechteckigen Rahmen */
15243#event_filters .chosen-container,
15244#event_filters .chosen-container-single,
15245#event_filters .chosen-container-single *,
15246#event_filters .chosen-container-single .chosen-single,
15247#event_filters .chosen-container-single .chosen-single div,
15248#event_filters .chosen-container-single .chosen-single span {
15249    box-shadow: none !important;
15250}
15251
15252/* Die sichtbare Chosen-Fläche sauber abrunden */
15253#event_filters .chosen-container-single .chosen-single {
15254    border-radius: 9px !important;
15255    border: 1px solid #dfe7e7 !important;
15256    background: #ffffff !important;
15257    background-image: none !important;
15258}
15259
15260/* Falls Chosen per Theme ein zweites Rechteck über b/i erzeugt */
15261#event_filters .chosen-container-single .chosen-single div,
15262#event_filters .chosen-container-single .chosen-single div b {
15263    border: 0 !important;
15264    background-color: transparent !important;
15265    background-image: none !important;
15266    box-shadow: none !important;
15267}
15268
15269/* Eigenes kleines Dreieck, sauber vertikal zentriert */
15270#event_filters .chosen-container-single .chosen-single div {
15271    position: absolute !important;
15272    top: 0 !important;
15273    right: 0 !important;
15274    width: 38px !important;
15275    height: 42px !important;
15276}
15277
15278#event_filters .chosen-container-single .chosen-single div b {
15279    display: block !important;
15280    position: absolute !important;
15281    top: 50% !important;
15282    left: 50% !important;
15283    width: 0 !important;
15284    height: 0 !important;
15285    margin-top: -2px !important;
15286    margin-left: -4px !important;
15287
15288    border-left: 4px solid transparent !important;
15289    border-right: 4px solid transparent !important;
15290    border-top: 5px solid #5d6c69 !important;
15291}
15292
15293/* Datepicker-Dreieck ebenfalls mittig setzen */
15294#event_filters .comiseo-daterangepicker-triggerbutton .ui-button-icon {
15295    top: 50% !important;
15296    margin-top: -8px !important;
15297}
15298
15299/* Text vor den Tags ausblenden, aber Tag-Cloud sichtbar lassen.
15300   Da der Text ein reiner Textknoten ist, verstecken wir die Textfarbe
15301   des Containers und setzen die Farbe der Links wieder sichtbar. */
15302#event_filters #class_chose.filter_by_tag {
15303    color: transparent !important;
15304    font-size: 0 !important;
15305}
15306
15307#event_filters #class_chose .filter_by_tag_cloud {
15308    color: initial !important;
15309    font-size: 13px !important;
15310}
15311
15312/* Tag-Pills: leicht grau, ohne Border */
15313#event_filters #class_chose .tag-cloud-link {
15314    background: #f3f6f5 !important;
15315    border: 0 !important;
15316    color: #253835 !important;
15317    box-shadow: none !important;
15318}
15319
15320#event_filters #class_chose .tag-cloud-link:hover,
15321#event_filters #class_chose .tag-cloud-link:focus {
15322    background: #eaf0ee !important;
15323    border: 0 !important;
15324    box-shadow: none !important;
15325    outline: none !important;
15326}
15327
15328
15329/* =========================================================
15330   AGB – Event Listing Filter 1 Row v3 Korrekturen
15331   - Chosen Zusatz-Rechteck radikal entfernen
15332   - Abstand Tags nach Row 1 verkleinern
15333   - Tag-Pills: BG #f4f4f4, Font #686868
15334   ========================================================= */
15335
15336/*
15337 * Chosen erzeugt oft ein zweites "Rechteck" über Background-Image,
15338 * Border, Outline oder Pseudo/Innencontainer.
15339 * Deshalb setzen wir den Container selbst neutral und stylen NUR .chosen-single.
15340 */
15341#event_filters #search_categories_chosen,
15342#event_filters #search_event_types_chosen,
15343#event_filters #search_categories_chosen.chosen-container,
15344#event_filters #search_event_types_chosen.chosen-container,
15345#event_filters #search_categories_chosen.chosen-container-single,
15346#event_filters #search_event_types_chosen.chosen-container-single {
15347    border: 0 !important;
15348    outline: 0 !important;
15349    box-shadow: none !important;
15350    background: transparent !important;
15351    background-image: none !important;
15352    overflow: visible !important;
15353}
15354
15355/*
15356 * Nur die eigentliche sichtbare Fläche.
15357 */
15358#event_filters #search_categories_chosen .chosen-single,
15359#event_filters #search_event_types_chosen .chosen-single {
15360    border: 1px solid #dfe7e7 !important;
15361    outline: 0 !important;
15362    box-shadow: none !important;
15363
15364    background: #ffffff !important;
15365    background-image: none !important;
15366    filter: none !important;
15367
15368    border-radius: 9px !important;
15369    overflow: hidden !important;
15370}
15371
15372/*
15373 * Chosen-Innencontainer komplett ohne eigenes Rechteck.
15374 */
15375#event_filters #search_categories_chosen .chosen-single span,
15376#event_filters #search_event_types_chosen .chosen-single span,
15377#event_filters #search_categories_chosen .chosen-single div,
15378#event_filters #search_event_types_chosen .chosen-single div,
15379#event_filters #search_categories_chosen .chosen-single div b,
15380#event_filters #search_event_types_chosen .chosen-single div b {
15381    border: 0 !important;
15382    outline: 0 !important;
15383    box-shadow: none !important;
15384    background-color: transparent !important;
15385    background-image: none !important;
15386    filter: none !important;
15387}
15388
15389/*
15390 * Falls das Rechteck vom Chosen-Drop selbst kurz/leer mitgezogen wird.
15391 */
15392#event_filters #search_categories_chosen .chosen-drop,
15393#event_filters #search_event_types_chosen .chosen-drop {
15394    border-radius: 9px !important;
15395    border: 1px solid #dfe7e7 !important;
15396    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
15397    overflow: hidden !important;
15398}
15399
15400/*
15401 * Eigenes Dreieck sauber mittig.
15402 */
15403#event_filters #search_categories_chosen .chosen-single div,
15404#event_filters #search_event_types_chosen .chosen-single div {
15405    position: absolute !important;
15406    top: 0 !important;
15407    right: 0 !important;
15408    width: 38px !important;
15409    height: 42px !important;
15410}
15411
15412#event_filters #search_categories_chosen .chosen-single div b,
15413#event_filters #search_event_types_chosen .chosen-single div b {
15414    position: absolute !important;
15415    display: block !important;
15416    top: 50% !important;
15417    left: 50% !important;
15418    width: 0 !important;
15419    height: 0 !important;
15420    margin-top: -2px !important;
15421    margin-left: -4px !important;
15422    border-left: 4px solid transparent !important;
15423    border-right: 4px solid transparent !important;
15424    border-top: 5px solid #686868 !important;
15425}
15426
15427/*
15428 * Weniger Weißraum zwischen Filter-Row und Tag-Pills.
15429 */
15430#event_filters #class_chose.filter_by_tag {
15431    margin-top: 18px !important;
15432margin-bottom: 14px !important;
15433    line-height: 0 !important;
15434}
15435
15436#event_filters #class_chose .filter_by_tag_cloud {
15437    margin-top: 0 !important;
15438    gap: 6px !important;
15439    line-height: normal !important;
15440}
15441
15442/*
15443 * Tag-Pills gewünschte Farben.
15444 */
15445#event_filters #class_chose .tag-cloud-link {
15446    background: #f4f4f4 !important;
15447    color: #686868 !important;
15448    border: 0 !important;
15449    box-shadow: none !important;
15450}
15451
15452#event_filters #class_chose .tag-cloud-link:hover,
15453#event_filters #class_chose .tag-cloud-link:focus {
15454    background: #eeeeee !important;
15455    color: #686868 !important;
15456    border: 0 !important;
15457    box-shadow: none !important;
15458}
15459
15460
15461/* Nur altes WPEM-Ticketart-Badge in der Card-/Grid-Ansicht verbergen */
15462.wpem-event-listings:not(.wpem-event-listing-list-view)
15463.wpem-event-ticket-type {
15464    display: none !important;
15465}
15466
15467/* =========================================================
15468   52 – AGB – Single Event: Kooperationspartner mehrzeilig vertikal zentrieren
15469   ========================================================= */
15470
15471/*
15472   Gilt nur oberhalb der Handy-Hochkant-Regel.
15473   Einzeilige Partnerlisten bleiben optisch unverändert.
15474   Wird die Partnerliste zwei- oder mehrzeilig, bleibt das Label
15475   „Kooperationspartner:“ vertikal mittig neben dem gesamten Textblock.
15476*/
15477@media (min-width: 761px) {
15478
15479    body.single-event_listing .wpem-single-event-page
15480    .wpem-single-event-short-info
15481    .wpem-event-details
15482    .agb-event-veranstalter-line {
15483        display: inline-flex !important;
15484        align-items: center !important;
15485        flex-wrap: nowrap !important;
15486        max-width: 100% !important;
15487        vertical-align: middle !important;
15488    }
15489
15490    body.single-event_listing .wpem-single-event-page
15491    .wpem-single-event-short-info
15492    .wpem-event-details
15493    .agb-event-veranstalter-line > strong {
15494        display: block !important;
15495        flex: 0 0 auto !important;
15496        align-self: center !important;
15497        margin: 0 !important;
15498        padding: 0 !important;
15499        line-height: 1.25 !important;
15500        white-space: nowrap !important;
15501    }
15502
15503    body.single-event_listing .wpem-single-event-page
15504    .wpem-single-event-short-info
15505    .wpem-event-details
15506    .agb-event-veranstalter-line > span {
15507        display: block !important;
15508        flex: 1 1 auto !important;
15509        min-width: 0 !important;
15510        align-self: center !important;
15511        margin: 0 !important;
15512        padding: 0 !important;
15513        line-height: 1.4 !important;
15514        white-space: normal !important;
15515    }
15516}
15517</style>
15518        <style id="agb-wpem-active-filter-feedback-v1-css">
15519
15520            .agb-active-filter-feedback {
15521                display: flex !important;
15522                flex-wrap: wrap !important;
15523                align-items: center !important;
15524                justify-content: flex-start !important;
15525                gap: 8px 10px !important;
15526
15527                width: 100% !important;
15528                min-width: 0 !important;
15529                box-sizing: border-box !important;
15530
15531                margin: 7px 0 20px !important;
15532                padding: 10px 12px !important;
15533
15534                background: #f7f8f8 !important;
15535                border: 1px solid #e2e6e8 !important;
15536                border-radius: 9px !important;
15537                box-shadow: none !important;
15538
15539                color: #555555 !important;
15540                line-height: 1.25 !important;
15541            }
15542
15543            .agb-active-filter-feedback[hidden] {
15544                display: none !important;
15545            }
15546
15547            .agb-active-filter-feedback__label {
15548                flex: 0 0 auto !important;
15549
15550                margin: 0 !important;
15551                padding: 0 !important;
15552
15553                color: #5e5e5e !important;
15554                font-family: inherit !important;
15555                font-size: 13px !important;
15556                font-weight: 700 !important;
15557                line-height: 1.25 !important;
15558                white-space: nowrap !important;
15559            }
15560
15561            .agb-active-filter-feedback__items {
15562                display: flex !important;
15563                flex: 1 1 auto !important;
15564                flex-wrap: wrap !important;
15565                align-items: center !important;
15566                justify-content: flex-start !important;
15567                gap: 7px !important;
15568
15569                min-width: 0 !important;
15570                margin: 0 !important;
15571                padding: 0 !important;
15572            }
15573
15574            .agb-active-filter-feedback__pill {
15575                display: inline-flex !important;
15576                align-items: center !important;
15577                justify-content: flex-start !important;
15578                gap: 4px !important;
15579
15580                width: auto !important;
15581                max-width: 100% !important;
15582                min-height: 27px !important;
15583                box-sizing: border-box !important;
15584
15585                margin: 0 !important;
15586                padding: 4px 9px !important;
15587
15588                background: #ffffff !important;
15589                border: 1px solid #dfe3e5 !important;
15590                border-radius: 999px !important;
15591                box-shadow: none !important;
15592
15593                color: #4f4f4f !important;
15594                font-family: inherit !important;
15595                font-size: 12px !important;
15596                font-weight: 400 !important;
15597                line-height: 1.2 !important;
15598                text-align: left !important;
15599                text-decoration: none !important;
15600                white-space: normal !important;
15601            }
15602
15603            .agb-active-filter-feedback__type {
15604                color: #666666 !important;
15605                font-weight: 700 !important;
15606            }
15607
15608            .agb-active-filter-feedback__value {
15609                min-width: 0 !important;
15610                overflow-wrap: anywhere !important;
15611
15612                color: #444444 !important;
15613                font-weight: 500 !important;
15614            }
15615
15616            @media (max-width: 767px) and (orientation: portrait) {
15617                .agb-active-filter-feedback {
15618                    align-items: flex-start !important;
15619                    gap: 8px !important;
15620
15621                    margin-top: 8px !important;
15622                    margin-bottom: 16px !important;
15623                    padding: 10px !important;
15624                }
15625
15626                .agb-active-filter-feedback__label {
15627                    flex-basis: 100% !important;
15628                }
15629
15630                .agb-active-filter-feedback__items {
15631                    flex-basis: 100% !important;
15632                }
15633
15634                .agb-active-filter-feedback__pill {
15635                    font-size: 11.5px !important;
15636                }
15637            }
15638
15639        </style>
15640                <style id="agb-vtf-frontend-v1-css">
15641            .agb-vtf-variants {
15642                box-sizing: border-box;
15643            }
15644
15645            .agb-vtf-variant {
15646                display: flex;
15647                align-items: baseline;
15648                flex-wrap: wrap;
15649                column-gap: 4px;
15650                row-gap: 0;
15651            }
15652
15653            .agb-vtf-variant-label {
15654                font-weight: 700;
15655            }
15656
15657            .agb-vtf-variant-separator {
15658                margin-left: -2px;
15659            }
15660
15661            .agb-vtf-variant-age {
15662                color: #637178;
15663            }
15664
15665            /* ---------------------------------------------------------
15666             * Card-/Grid-Ansicht:
15667             * weiße Schrift links unten im Bild. Kein Abdunklungsverlauf,
15668             * keine Pillen, keine feste Box und kein Textschatten.
15669             * --------------------------------------------------------- */
15670            .agb-vtf-variants--card {
15671                display: none;
15672            }
15673
15674            .wpem-event-listing-box-view
15675            .wpem-event-banner-img
15676            > .agb-vtf-variants--card,
15677            .wpem-event-listing-grid-view
15678            .wpem-event-banner-img
15679            > .agb-vtf-variants--card,
15680            .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
15681            .wpem-event-banner-img
15682            > .agb-vtf-variants--card {
15683                position: absolute;
15684                right: auto;
15685                bottom: 14px;
15686                left: 14px;
15687                z-index: 24;
15688                isolation: isolate;
15689
15690                display: flex;
15691                flex-direction: column;
15692                align-items: flex-start;
15693                gap: 3px;
15694
15695                width: max-content;
15696                max-width: calc(100% - 28px);
15697                margin: 0;
15698                padding: 0;
15699
15700                color: #fff;
15701                font-size: 11.5px;
15702                line-height: 1.2;
15703
15704                pointer-events: none;
15705            }
15706
15707            .wpem-event-listing-box-view
15708            .wpem-event-banner-img
15709            > .agb-vtf-variants--card::before,
15710            .wpem-event-listing-grid-view
15711            .wpem-event-banner-img
15712            > .agb-vtf-variants--card::before,
15713            .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
15714            .wpem-event-banner-img
15715            > .agb-vtf-variants--card::before {
15716                content: none;
15717                display: none;
15718            }
15719
15720            .wpem-event-banner-img .agb-event-free-badge--card {
15721                position: absolute;
15722                z-index: 26;
15723            }
15724
15725            .wpem-event-listing-box-view
15726            .wpem-event-banner-img.agb-card-banner-has-free-badge
15727            > .agb-vtf-variants--card,
15728            .wpem-event-listing-grid-view
15729            .wpem-event-banner-img.agb-card-banner-has-free-badge
15730            > .agb-vtf-variants--card,
15731            .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
15732            .wpem-event-banner-img.agb-card-banner-has-free-badge
15733            > .agb-vtf-variants--card {
15734                max-width: calc(100% - 126px);
15735            }
15736
15737            .wpem-event-listing-box-view
15738            .agb-vtf-variants--card
15739            .agb-vtf-variant,
15740            .wpem-event-listing-grid-view
15741            .agb-vtf-variants--card
15742            .agb-vtf-variant,
15743            .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
15744            .agb-vtf-variants--card
15745            .agb-vtf-variant {
15746                display: inline-flex;
15747                width: auto;
15748                max-width: 100%;
15749                padding: 0;
15750
15751                border: 0;
15752                border-radius: 0;
15753                background: transparent;
15754                color: #fff;
15755
15756                position: relative;
15757                z-index: 1;
15758
15759                font-weight: 700;
15760                letter-spacing: 0.005em;
15761                text-shadow: none;
15762
15763                box-shadow: none;
15764                -webkit-backdrop-filter: none;
15765                backdrop-filter: none;
15766                box-sizing: border-box;
15767            }
15768
15769            .wpem-event-listing-box-view
15770            .agb-vtf-variants--card
15771            .agb-vtf-variant-age,
15772            .wpem-event-listing-grid-view
15773            .agb-vtf-variants--card
15774            .agb-vtf-variant-age,
15775            .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
15776            .agb-vtf-variants--card
15777            .agb-vtf-variant-age {
15778                color: rgba(255, 255, 255, 0.94);
15779            }
15780
15781            /*
15782             * Card-/Grid-Ansicht:
15783             * Gruppenanzeige im Bild vollständig ausblenden.
15784             * Listenansicht, Single Event und Kalender bleiben unverändert.
15785             */
15786            .wpem-event-listing-box-view
15787            .wpem-event-banner-img
15788            > .agb-vtf-variants--card,
15789            .wpem-event-listing-grid-view
15790            .wpem-event-banner-img
15791            > .agb-vtf-variants--card,
15792            .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
15793            .wpem-event-banner-img
15794            > .agb-vtf-variants--card {
15795                display: none !important;
15796            }
15797
15798            /* ---------------------------------------------------------
15799             * Listenansicht:
15800             * zwei identische Ausgabekopien; CSS zeigt je Gerät nur die
15801             * gewünschte Position. Der äußere Wrapper verwendet bewusst
15802             * dieselbe Klasse wie der vorhandene Altershinweis.
15803             * --------------------------------------------------------- */
15804            .agb-list-layout-v2 .agb-vtf-list-variants-panel {
15805                display: none !important;
15806            }
15807
15808            .agb-list-layout-v2
15809            .agb-vtf-list-variants-panel
15810            .agb-vtf-variants--list-info,
15811            .agb-list-layout-v2
15812            .agb-vtf-list-variants-panel
15813            .agb-vtf-variants--list-offer {
15814                display: grid;
15815                gap: 4px;
15816                width: 100%;
15817                margin: 0;
15818                padding: 0;
15819
15820                color: #40515a;
15821                font-size: inherit;
15822                line-height: 1.43;
15823            }
15824
15825            .agb-list-layout-v2
15826            .agb-vtf-list-variants-panel
15827            .agb-vtf-variant-age {
15828                color: #56686f;
15829            }
15830
15831            /* Desktop: Gruppen in der rechten Info-Spalte. */
15832            @media (min-width: 1367px),
15833                   (min-width: 1025px) and (hover: hover) and (pointer: fine) {
15834                .wpem-event-listings.wpem-event-listing-list-view
15835                .agb-vtf-list-variants-panel--info {
15836                    display: block !important;
15837                }
15838
15839                .wpem-event-listings.wpem-event-listing-list-view
15840                .agb-vtf-list-variants-panel--offer {
15841                    display: none !important;
15842                }
15843            }
15844
15845            /* Tablet quer: Gruppen ebenfalls in der Info-Spalte. */
15846            @media (min-width: 768px) and (min-height: 600px)
15847                   and (max-width: 1366px) and (orientation: landscape)
15848                   and (hover: none),
15849                   (min-width: 768px) and (min-height: 600px)
15850                   and (max-width: 1366px) and (orientation: landscape)
15851                   and (pointer: coarse),
15852                   (min-width: 768px) and (min-height: 600px)
15853                   and (max-width: 1366px) and (orientation: landscape)
15854                   and (any-pointer: coarse) {
15855                .wpem-event-listings.wpem-event-listing-list-view
15856                .agb-vtf-list-variants-panel--info {
15857                    display: block !important;
15858                }
15859
15860                .wpem-event-listings.wpem-event-listing-list-view
15861                .agb-vtf-list-variants-panel--offer {
15862                    display: none !important;
15863                }
15864            }
15865
15866            /* Tablet hochkant: rechts unter „Das Angebot". */
15867            @media (min-width: 768px) and (max-width: 1024px)
15868                   and (orientation: portrait) {
15869                .wpem-event-listings.wpem-event-listing-list-view
15870                .agb-vtf-list-variants-panel--offer {
15871                    display: block !important;
15872                }
15873
15874                .wpem-event-listings.wpem-event-listing-list-view
15875                .agb-vtf-list-variants-panel--info {
15876                    display: none !important;
15877                }
15878            }
15879
15880            /* Handy quer: rechts unter „Das Angebot". */
15881            @media (max-width: 767px) and (orientation: landscape) {
15882                .wpem-event-listings.wpem-event-listing-list-view
15883                .agb-vtf-list-variants-panel--offer {
15884                    display: block !important;
15885                }
15886
15887                .wpem-event-listings.wpem-event-listing-list-view
15888                .agb-vtf-list-variants-panel--info {
15889                    display: none !important;
15890                }
15891            }
15892
15893            /* Handy hochkant: Gruppen in der Listenansicht vollständig weg. */
15894            @media (max-width: 767px) and (orientation: portrait) {
15895                .wpem-event-listings.wpem-event-listing-list-view
15896                .agb-vtf-list-variants-panel,
15897                .wpem-event-listings.wpem-event-listing-list-view
15898                .agb-vtf-variants--card {
15899                    display: none !important;
15900                }
15901            }
15902
15903            /* ---------------------------------------------------------
15904             * Single Event – Gruppen direkt unter Datum/Uhrzeit.
15905             * Darstellung entsprechend dem AGB-Mockup: zwei ruhige,
15906             * hell-türkise Zeilen ohne Trennlinie und ohne Pillenwirkung.
15907             * --------------------------------------------------------- */
15908            .wpem-single-event-page .agb-vtf-variants--single {
15909                display: grid;
15910                gap: 6px;
15911                width: 100%;
15912                max-width: 215px;
15913                margin: 2px 0 6px -12px;
15914                padding: 0;
15915                position: relative;
15916                top: -11px;
15917                border: 0;
15918                color: #334b55;
15919                font-size: 14px;
15920                line-height: 1.25;
15921            }
15922
15923            .wpem-single-event-page
15924            .agb-vtf-variants--single
15925            .agb-vtf-variant {
15926                display: flex;
15927                align-items: baseline;
15928                flex-wrap: wrap;
15929                column-gap: 0;
15930                row-gap: 2px;
15931                width: 100%;
15932                min-height: 32px;
15933                margin: 0;
15934                padding: 7px 12px;
15935                border: 0;
15936                border-radius: 8px;
15937                background: rgba(61, 189, 180, 0.08);
15938                box-shadow: none;
15939                box-sizing: border-box;
15940            }
15941
15942            .wpem-single-event-page
15943            .agb-vtf-variants--single
15944            .agb-vtf-variant-label {
15945                color: #334b55;
15946                font-weight: 700;
15947            }
15948
15949            .wpem-single-event-page
15950            .agb-vtf-variants--single
15951            .agb-vtf-variant-separator {
15952                margin: 0 4px 0 0;
15953            }
15954
15955            .wpem-single-event-page
15956            .agb-vtf-variants--single
15957            .agb-vtf-variant-time {
15958                color: #334b55;
15959                font-weight: 400;
15960            }
15961
15962            .wpem-single-event-page
15963            .agb-vtf-variants--single
15964            .agb-vtf-variant-age {
15965                margin-left: 6px;
15966                color: #637178;
15967                font-weight: 400;
15968            }
15969
15970            @media (max-width: 480px) {
15971                .wpem-single-event-page .agb-vtf-variants--single {
15972                    max-width: calc(100% + 12px);
15973                }
15974            }
15975
15976            @media (max-width: 760px) {
15977                .wpem-event-listing-box-view
15978                .wpem-event-banner-img
15979                > .agb-vtf-variants--card,
15980                .wpem-event-listing-grid-view
15981                .wpem-event-banner-img
15982                > .agb-vtf-variants--card,
15983                .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
15984                .wpem-event-banner-img
15985                > .agb-vtf-variants--card {
15986                    right: auto;
15987                    bottom: 10px;
15988                    left: 10px;
15989                    gap: 3px;
15990                    max-width: calc(100% - 20px);
15991                    font-size: 10.5px;
15992                }
15993
15994                .wpem-event-listing-box-view
15995                .wpem-event-banner-img.agb-card-banner-has-free-badge
15996                > .agb-vtf-variants--card,
15997                .wpem-event-listing-grid-view
15998                .wpem-event-banner-img.agb-card-banner-has-free-badge
15999                > .agb-vtf-variants--card,
16000                .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
16001                .wpem-event-banner-img.agb-card-banner-has-free-badge
16002                > .agb-vtf-variants--card {
16003                    max-width: calc(100% - 108px);
16004                }
16005
16006                .wpem-event-listing-box-view
16007                .agb-vtf-variants--card
16008                .agb-vtf-variant,
16009                .wpem-event-listing-grid-view
16010                .agb-vtf-variants--card
16011                .agb-vtf-variant,
16012                .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
16013                .agb-vtf-variants--card
16014                .agb-vtf-variant {
16015                    padding: 0;
16016                }
16017            }
16018
16019            /*
16020             * Handy hochkant:
16021             * exakt an Datumskachel (links) und Kostenfrei-Label (unten)
16022             * ausrichten. Die Schrift darf hier bewusst kräftiger/größer sein.
16023             */
16024            @media (max-width: 767px) and (orientation: portrait) {
16025                .wpem-event-listing-box-view
16026                .wpem-event-banner-img
16027                > .agb-vtf-variants--card,
16028                .wpem-event-listing-grid-view
16029                .wpem-event-banner-img
16030                > .agb-vtf-variants--card,
16031                .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
16032                .wpem-event-banner-img
16033                > .agb-vtf-variants--card {
16034                    left: 14px;
16035                    bottom: 14px;
16036                    max-width: calc(100% - 28px);
16037                    font-size: 12.5px;
16038                }
16039
16040                .wpem-event-listing-box-view
16041                .wpem-event-banner-img.agb-card-banner-has-free-badge
16042                > .agb-vtf-variants--card,
16043                .wpem-event-listing-grid-view
16044                .wpem-event-banner-img.agb-card-banner-has-free-badge
16045                > .agb-vtf-variants--card,
16046                .wpem-event-listings:not(.wpem-event-listing-list-view):not(.wpem-event-listings-list-view):not(.wpem-list-view)
16047                .wpem-event-banner-img.agb-card-banner-has-free-badge
16048                > .agb-vtf-variants--card {
16049                    max-width: calc(100% - 126px);
16050                }
16051            }
16052
16053
16054            /* ---------------------------------------------------------
16055             * Monatskalender – sichtbare Angebotslabels.
16056             * Mehrzeilige Labels erhalten ihre exakte kompakte Breite per JS;
16057             * einzeilige Labels bleiben vollständig unverändert.
16058             * --------------------------------------------------------- */
16059            #calendar-contents-container table.calendar td.calendar-day-container
16060            a.calendar-event-details-link.agb-calendar-event-pill {
16061                box-sizing: border-box;
16062            }
16063
16064            #calendar-contents-container table.calendar td.calendar-day-container
16065            a.calendar-event-details-link.agb-calendar-event-pill
16066            > .agb-calendar-event-pill__label {
16067                display: inline;
16068            }
16069
16070            #calendar-contents-container table.calendar td.calendar-day-container
16071            a.calendar-event-details-link.agb-calendar-event-pill--compact-multiline {
16072                max-width: calc(100% - 12px) !important;
16073                white-space: normal !important;
16074                overflow-wrap: normal;
16075                word-break: normal;
16076            }
16077
16078            /* ---------------------------------------------------------
16079             * Monatskalender – virtuelle Gruppenlabels unter dem Ort in
16080             * Desktop-Tooltip, Smartphone-Tagespopup und Tablet-Touch-Popup.
16081             * --------------------------------------------------------- */
16082            .agb-calendar-tooltip-variants,
16083            .agb-calendar-mobile-event-variants,
16084            .agb-calendar-tablet-event-popup__variant-list {
16085                display: inline-grid;
16086                grid-template-columns: minmax(0, auto);
16087                justify-items: stretch;
16088                gap: 5px;
16089                width: fit-content;
16090                max-width: calc(100% - 14px);
16091                box-sizing: border-box;
16092            }
16093
16094            .agb-calendar-tooltip-variants {
16095                margin: 8px 0 2px;
16096            }
16097
16098            .agb-calendar-mobile-event-variants {
16099                margin: 5px 0 3px;
16100            }
16101
16102            .agb-calendar-tablet-event-popup__variants {
16103                width: auto;
16104                max-width: 100%;
16105                margin: 8px 0 4px;
16106            }
16107
16108            .agb-calendar-tooltip-variants .agb-calendar-tooltip-variant,
16109            .agb-calendar-mobile-event-variants .agb-calendar-tooltip-variant,
16110            .agb-calendar-tablet-event-popup__variant-list .agb-calendar-tooltip-variant {
16111                display: flex;
16112                align-items: baseline;
16113                flex-wrap: wrap;
16114                gap: 1px 5px;
16115                width: auto;
16116                min-width: 0;
16117                max-width: 100%;
16118                padding: 6px 9px;
16119                border: 0;
16120                border-radius: 7px;
16121                background: rgba(61, 189, 180, 0.10);
16122                color: #334b55;
16123                font-size: 12px;
16124                line-height: 1.3;
16125                box-sizing: border-box;
16126            }
16127
16128            .agb-calendar-tooltip-variant-label {
16129                font-weight: 700;
16130            }
16131
16132            .agb-calendar-tooltip-variant-separator {
16133                margin-left: -3px;
16134            }
16135
16136            .agb-calendar-tooltip-variant-time {
16137                font-weight: 400;
16138            }
16139
16140            .agb-calendar-tooltip-variant-age {
16141                color: #637178;
16142                font-weight: 400;
16143            }
16144
16145            .agb-calendar-mobile-event-variants .agb-calendar-tooltip-variant {
16146                padding: 5px 8px;
16147                font-size: 11.5px;
16148            }
16149
16150            .agb-calendar-tablet-event-popup__variant-list .agb-calendar-tooltip-variant {
16151                padding: 7px 10px;
16152                font-size: 13px;
16153            }
16154
16155        </style>
16156                <style id="agb-card-image-focus-frontend-v1-css">
16157            .wpem-event-banner-img.agb-card-focus-enabled[
16158                data-agb-card-focus="1"
16159            ] {
16160                background-repeat: no-repeat !important;
16161            }
16162        </style>
16163        
16164	</head>
16165
16166<body class="wp-singular page-template-default page page-id-28 wp-theme-Avada wp-child-theme-Avada-Child-Theme fusion-image-hovers fusion-pagination-sizing fusion-button_type-flat fusion-button_span-no fusion-button_gradient-linear avada-image-rollover-circle-no avada-image-rollover-yes avada-image-rollover-direction-fade avada-child fusion-body ltr fusion-sticky-header no-tablet-sticky-header no-mobile-sticky-header no-mobile-slidingbar no-desktop-totop no-mobile-totop fusion-disable-outline fusion-sub-menu-fade mobile-logo-pos-right layout-wide-mode avada-has-boxed-modal-shadow- layout-scroll-offset-full avada-has-zero-margin-offset-top fusion-top-header menu-text-align-center mobile-menu-design-classic fusion-show-pagination-text fusion-header-layout-v3 avada-responsive avada-footer-fx-none avada-menu-highlight-style-textcolor fusion-search-form-clean fusion-main-menu-search-overlay fusion-avatar-circle avada-blog-layout-grid avada-blog-archive-layout-medium avada-header-shadow-no avada-menu-icon-position-left avada-has-megamenu-shadow avada-has-mainmenu-dropdown-divider avada-has-mobile-menu-search avada-has-main-nav-search-icon avada-has-megamenu-item-divider avada-has-breadcrumb-mobile-hidden avada-has-titlebar-bar_and_content avada-header-border-color-full-transparent avada-has-transparent-timeline_color avada-has-pagination-width_height avada-flyout-menu-direction-fade avada-ec-views-v1" data-awb-post-id="28">
16167			
16167<script type="text/javascript">
16168			var doc = document.documentElement;
16169			doc.setAttribute( 'data-useragent', navigator.userAgent );
16170		</script>
16170
16171			<a class="skip-link screen-reader-text" href="#content">Zum Inhalt springen</a>
16172
16173	<div id="boxed-wrapper">
16174		
16175		<div id="wrapper" class="fusion-wrapper">
16176			<div id="home" style="position:relative;top:-1px;"></div>
16177												<div class="fusion-tb-header"><div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-small-visibility fusion-no-medium-visibility fusion-sticky-container" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-background-color:#ffffff;--awb-sticky-background-color:#ffffff !important;--awb-flex-wrap:wrap;" data-transition-offset="60" data-scroll-offset="640" data-sticky-large-visibility="1" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-justify-content-space-between fusion-flex-content-wrap" style="max-width:1310.4px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion-flex-column fusion-flex-align-self-stretch" style="--awb-bg-size:cover;--awb-width-large:11.04%;--awb-margin-top-large:6px;--awb-spacing-right-large:1.7391304347826%;--awb-margin-bottom-large:11px;--awb-spacing-left-large:0px;--awb-width-medium:25%;--awb-order-medium:0;--awb-spacing-right-medium:0.768%;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element fusion-display-normal-only" style="text-align:left;--awb-margin-left:30px;--awb-sticky-max-width:70px;--awb-max-width:90px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-1 hover-type-none"><a class="fusion-no-lightbox" href="https://www.die-agb.de/" target="_self" aria-label="LOGO FINAL ADJUSTED BIG COLOR"><img fetchpriority="high" decoding="async" width="219" height="259" src="https://www.die-agb.de/wp-content/uploads/2026/01/LOGO_FINAL_ADJUSTED_BIG_COLOR.png" data-orig-src="https://www.die-agb.de/wp-content/uploads/2026/01/LOGO_FINAL_ADJUSTED_BIG_COLOR.png" alt class="lazyload img-responsive wp-image-11182" srcset="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27219%27%20height%3D%27259%27%20viewBox%3D%270%200%20219%20259%27%3E%3Crect%20width%3D%27219%27%20height%3D%27259%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" data-srcset="https://www.die-agb.de/wp-content/uploads/2026/01/LOGO_FINAL_ADJUSTED_BIG_COLOR-200x237.png 200w, https://www.die-agb.de/wp-content/uploads/2026/01/LOGO_FINAL_ADJUSTED_BIG_COLOR.png 219w" data-sizes="auto" data-orig-sizes="(max-width: 640px) 100vw, 200px" /></a></span></div><div class="fusion-image-element fusion-display-sticky-only" style="--awb-margin-left:30px;--awb-sticky-max-width:70px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-2 hover-type-none"><img decoding="async" width="176" height="192" title="LOGO FINAL HAUS ADJUSTED BIG COLOR" src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27176%27%20height%3D%27192%27%20viewBox%3D%270%200%20176%20192%27%3E%3Crect%20width%3D%27176%27%20height%3D%27192%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" data-orig-src="https://www.die-agb.de/wp-content/uploads/2026/01/LOGO_FINAL_HAUS_ADJUSTED_BIG_COLOR.png" alt class="lazyload img-responsive wp-image-11184"/></span></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:85.7%;--awb-margin-top-large:12px;--awb-spacing-right-large:2.2403733955659%;--awb-margin-bottom-large:12px;--awb-spacing-left-large:0px;--awb-width-medium:75%;--awb-order-medium:0;--awb-spacing-right-medium:2.56%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-center fusion-flex-justify-content-space-between fusion-flex-content-wrap" style="--awb-flex-grow:0;--awb-flex-grow-medium:0;--awb-flex-grow-small:0;--awb-flex-shrink:0;--awb-flex-shrink-medium:0;--awb-flex-shrink-small:0;width:104% !important;max-width:104% !important;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-0 fusion_builder_column_inner_2_5 2_5 fusion-flex-column fusion-display-normal-only" style="--awb-bg-size:cover;--awb-border-color:rgba(2,58,81,0.1);--awb-border-bottom:1px;--awb-border-style:solid;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:4.8%;--awb-width-medium:40%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:4.8%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><nav class="awb-menu awb-menu_row awb-menu_em-hover mobile-mode-collapse-to-button awb-menu_icons-left awb-menu_dc-yes mobile-trigger-fullwidth-off awb-menu_mobile-toggle awb-menu_indent-center awb-menu_mt-align-flex-end mobile-size-column-absolute loading mega-menu-loading awb-menu_desktop awb-menu_dropdown awb-menu_expand-right awb-menu_transition-sli
16177de_up" style="--awb-font-size:12px;--awb-text-transform:uppercase;--awb-min-height:56px;--awb-border-radius-top-left:6px;--awb-border-radius-top-right:6px;--awb-border-radius-bottom-right:6px;--awb-border-radius-bottom-left:6px;--awb-gap:6px;--awb-align-items:center;--awb-items-padding-top:6px;--awb-items-padding-right:10px;--awb-items-padding-bottom:6px;--awb-items-padding-left:10px;--awb-border-color:#31b29a;--awb-color:#023a51;--awb-active-color:#023a51;--awb-active-bg:rgba(49,178,154,0.08);--awb-submenu-color:#023a51;--awb-submenu-sep-color:rgba(226,226,226,0);--awb-submenu-border-radius-top-right:6px;--awb-submenu-border-radius-bottom-right:6px;--awb-submenu-border-radius-bottom-left:6px;--awb-submenu-active-bg:#ffffff;--awb-submenu-active-color:#2cbc63;--awb-submenu-space:12px;--awb-submenu-text-transform:uppercase;--awb-submenu-max-width:140px;--awb-icons-color:#023a51;--awb-main-justify-content:flex-start;--awb-mobile-nav-button-align-hor:flex-end;--awb-mobile-color:#023a51;--awb-mobile-nav-items-height:60;--awb-mobile-active-bg:#f9fafb;--awb-mobile-active-color:#2cbc63;--awb-mobile-trigger-font-size:16px;--awb-mobile-trigger-color:#ffffff;--awb-mobile-trigger-background-color:#023a51;--awb-mobile-font-size:14px;--awb-mobile-sep-color:rgba(255,255,255,0);--awb-mobile-justify:center;--awb-mobile-caret-left:auto;--awb-mobile-caret-right:0;--awb-box-shadow:0px 12px 26px -12px rgba(2,58,81,0.36);;--awb-fusion-font-family-typography:&quot;Manrope&quot;;--awb-fusion-font-style-typography:normal;--awb-fusion-font-weight-typography:600;--awb-fusion-font-family-submenu-typography:&quot;Manrope&quot;;--awb-fusion-font-style-submenu-typography:normal;--awb-fusion-font-weight-submenu-typography:600;--awb-fusion-font-family-mobile-typography:&quot;Manrope&quot;;--awb-fusion-font-style-mobile-typography:normal;--awb-fusion-font-weight-mobile-typography:600;" aria-label="Accountant Top Menu" data-breakpoint="640" data-count="0" data-transition-type="fade" data-transition-time="300" data-expand="right" id="menu-spacing"><button type="button" class="awb-menu__m-toggle awb-menu__m-toggle_no-text" aria-expanded="false" aria-controls="menu-accountant-top-menu"><span class="awb-menu__m-toggle-inner"><span class="collapsed-nav-text"><span class="screen-reader-text">Toggle Navigation</span></span><span class="awb-menu__m-collapse-icon awb-menu__m-collapse-icon_no-text"><span class="awb-menu__m-collapse-icon-open awb-menu__m-collapse-icon-open_no-text icon-accountant-menu"></span><span class="awb-menu__m-collapse-icon-close awb-menu__m-collapse-icon-close_no-text icon-accountant-cancel"></span></span></span></button><ul id="menu-accountant-top-menu" class="fusion-menu awb-menu__main-ul awb-menu__main-ul_row"><li  id="menu-item-6960"  class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-28 current_page_item menu-item-6960 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="6960"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="https://www.die-agb.de/ueber-uns/" class="awb-menu__main-a awb-menu__main-a_regular" aria-current="page"><span class="menu-text">Über uns</span></a></li><li  id="menu-item-8319"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8319 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="8319"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="https://www.die-agb.de/jobs2/" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Jobs</span></a></li><li  id="menu-item-6962"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6962 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="6962"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="https://www.die-agb.de/team/" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Team</span></a></li><li  id="menu-item-6963"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6963 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="6963"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="https://www.die-agb.de/kontakt/" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Kontakt</span></a></li></ul></nav></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-1 fusion_builder_column_inner_2_5 2_5 fusion-flex-column fusion-display-normal-only" style="--awb-bg-size:cover;--awb-border-color:rgba(2,58,81,0.1);--awb-border-bottom:1px;--awb-border-style:solid;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:75%;--awb-order-medium:0;--awb-spacing-right-medium:2.56%;--awb-spacing-left-medium:2.56%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><nav class="awb-menu awb-menu_row awb-menu_em-hover mobile-mode-collapse-to-button awb-menu_icons-left awb-menu_dc-yes mobile-trigger-fullwidth-off awb-menu_mobile-toggle awb-menu_indent-left awb-menu_mt-align-flex-start mobile-size-full-absolute loading mega-menu-loading awb-menu_desktop awb-menu_dropdown awb-menu_expand-right awb-menu_transition-fade" style="--awb-text-transform:none;--awb-min-height:56px;--awb-border-radius-top-left:6px;--awb-border-radius-top-right:6px;--awb-border-radius-bottom-right:6px;--awb-border-radius-bottom-left:6px;--awb-gap:6px;--awb-align-items:center;--awb-items-padding-top:6px;--awb-items-padding-right:10px;--awb-items-padding-bottom:6px;--awb-items-padding-left:10px;--awb-border-color:#31b29a;--awb-color:#023a51;--awb-active-color:#023a51;--awb-active-bg:rgba(49,178,154,0.08);--awb-submenu-space:12px;--awb-submenu-text-transform:none;--awb-icons-size:17;--awb-icons-color:#023a51;--awb-main-justify-content:flex-start;--awb-mobile-justify:flex-start;--awb-mobile-caret-left:auto;--awb-mobile-caret-right:0;--awb-fusion-font-family-typography:&quot;Manrope&quot;;--awb-fusion-font-style-typography:normal;--awb-fusion-font-weight-typography:600;--awb-fusion-font-family-submenu-typography:inherit;--awb-fusion-font-style-submenu-typography:normal;--awb-fusion-font-weight-submenu-typography:400;--awb-fusion-font-family-mobile-typography:inherit;--awb-fusion-font-style-mobile-typography:normal;--awb-fusion-font-weight-mobile-typography:400;" aria-label="Accountant Contact Menu" data-breakpoint="640" data-count="1" data-transition-type="fade" data-transition-time="300" data-expand="right"><button type="button" class="awb-menu__m-toggle awb-menu__m-toggle_no-text" aria-expanded="false" aria-controls="menu-accountant-contact-menu"><span class="awb-menu__m-toggle-inner"><span class="collapsed-nav-text"><span class="screen-reader-text">Toggle Navigation</span></span><span class="awb-menu__m-collapse-icon awb-menu__m-collapse-icon_no-text"><span class="awb-menu__m-collapse-icon-open awb-menu__m-collapse-icon-open_no-text icon-accountant-menu"></span><span class="awb-menu__m-collapse-icon-close awb-menu__m-collapse-icon-close_no-text icon-accountant-cancel"></span></span></span></button><ul id="menu-accountant-contact-menu" class="fusion-menu awb-menu__main-ul awb-menu__main-ul_row"><li  id="menu-item-6880"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6880 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="6880"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="#" class="awb-menu__main-a awb-menu__main-a_regular fusion-flex-link"><span class="awb-menu__i awb-menu__i_main fusion-megamenu-icon"><i class="glyphicon icon-accountant-call-us" aria-hidden="true"></i></span><span class="menu-text">0211 905 22 22</span></a></li><li  id="menu-item-6881"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6881 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="6881"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="mailto:[email protected]" class="awb-menu__main-a awb-menu__main-a_regular fusion-flex-link"><span class="awb-menu__i awb-menu__i_main fusion-megamenu-icon"><i class="glyphicon icon-accountant-mail" aria-hidden="true"></i></span><span class="menu-text">E-Mail an uns</span></a></li></ul></nav></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-2 fusion_builder_column_inner_1_5 1_5 fusion-flex-column fusion-display-normal-only" style="--awb-padding-top:20px;--awb-padding-bottom:20px;--awb-bg-size:cover;--awb-border-color:rgba(2,58,81,0.1);--awb-border-bottom:1px;--awb-border-style:solid;--awb-width-large:20%;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:20%;--awb-order-medium:0;--awb-spacing-right-medium:9.6%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-social-links fusion-social-links-1" style="--awb-margin-top:0px;--awb-margin-right:0px;--awb-margin-bottom:0px;--awb-margin-left:0px;--awb-alignment:left;--awb-box-border-top:0px;--awb-box-border-right:0px;--awb-box-border-bottom:0px;--awb-box-border-left:0px;--awb-icon-colors-hover:rgba(2,58,81,0.8);--awb-box-colors-hover:rgba(249,250,251,0.8);--awb-box-border-color:var(--awb-color3);--awb-box-border-color-hover:var(--awb-color4);"><div class="fusion-social-networks color-type-custom"><div class="fusion-social-networks-wrapper"><a class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style="color:#023a51;font-size:15px;" data-placement="bottom" data-title="Facebook" data-toggle="tooltip" title="Facebook" aria-label="facebook" target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/dieagbev"></a><a class="fusion-social-network-icon fusion-tooltip fusion-instagram awb-icon-instagram" style="color:#023a51;font-size:15px;" data-placement="bottom" data-title="Instagram" data-toggle="tooltip" title="Instagram" aria-label="instagram" target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/dieagbev"></a></div></div></div></div></div><div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-3 fusion_builder_column_inner_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:25%;--awb-order-medium:0;--awb-spacing-right-medium:7.68%;--awb-spacing-left-medium:7.68%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><nav class="awb-menu awb-menu_row awb-menu_em-hover mobile-mode-collapse-to-button awb-menu_icons-left awb-menu_dc-yes mobile-trigger-fullwidth-off awb-menu_mobile-toggle awb-menu_indent-center awb-menu_mt-align-flex-end mobile-size-column-absolute loading mega-menu-loading awb-menu_desktop awb-menu_arrows-sub awb-menu_dropdown awb-menu_expand-right awb-menu_transition-sli
16177de_up" style="--awb-font-size:18px;--awb-margin-top:16px;--awb-margin-bottom:16px;--awb-text-transform:none;--awb-min-height:48px;--awb-border-radius-top-left:1px;--awb-border-radius-top-right:1px;--awb-border-radius-bottom-right:1px;--awb-border-radius-bottom-left:1px;--awb-gap:25px;--awb-items-padding-right:10px;--awb-items-padding-bottom:2px;--awb-items-padding-left:10px;--awb-border-top:2px;--awb-border-bottom:2px;--awb-color:#023a51;--awb-active-color:#023a51;--awb-active-border-top:2px;--awb-active-border-bottom:2px;--awb-active-border-color:#31b29a;--awb-submenu-color:#023a51;--awb-submenu-sep-color:rgba(249,250,251,0);--awb-submenu-items-padding-top:4px;--awb-submenu-items-padding-right:10px;--awb-submenu-items-padding-bottom:4px;--awb-submenu-items-padding-left:38px;--awb-submenu-border-radius-top-right:8px;--awb-submenu-border-radius-bottom-right:8px;--awb-submenu-border-radius-bottom-left:8px;--awb-submenu-active-bg:#ffffff;--awb-submenu-active-color:#31b29a;--awb-submenu-space:15px;--awb-submenu-font-size:15px;--awb-submenu-text-transform:none;--awb-submenu-max-width:208px;--awb-icons-color:#023a51;--awb-icons-hover-color:#31b29a;--awb-arrows-size-height:10px;--awb-arrows-size-width:10px;--awb-main-justify-content:flex-start;--awb-mobile-nav-button-align-hor:flex-end;--awb-mobile-color:#023a51;--awb-mobile-nav-items-height:72;--awb-mobile-active-bg:#ffffff;--awb-mobile-active-color:#2cbc63;--awb-mobile-trigger-color:#023a51;--awb-mobile-trigger-background-color:#e0ecf0;--awb-mobile-sep-color:#ffffff;--awb-justify-title:flex-start;--awb-mobile-justify:center;--awb-mobile-caret-left:auto;--awb-mobile-caret-right:0;--awb-box-shadow:0px 20px 32px -12px rgba(2,58,81,0.2);;--awb-fusion-font-family-typography:&quot;Manrope&quot;;--awb-fusion-font-style-typography:normal;--awb-fusion-font-weight-typography:600;--awb-fusion-font-family-submenu-typography:&quot;Manrope&quot;;--awb-fusion-font-style-submenu-typography:normal;--awb-fusion-font-weight-submenu-typography:600;--awb-fusion-font-family-mobile-typography:&quot;Manrope&quot;;--awb-fusion-font-style-mobile-typography:normal;--awb-fusion-font-weight-mobile-typography:600;" aria-label="AGB Main Menü" data-breakpoint="1200" data-count="2" data-transition-type="center" data-transition-time="300" data-expand="right"><button type="button" class="awb-menu__m-toggle" aria-expanded="false" aria-controls="menu-agb-main-menue"><span class="awb-menu__m-toggle-inner"><span class="collapsed-nav-text">Menu</span><span class="awb-menu__m-collapse-icon"><span class="awb-menu__m-collapse-icon-open icon-accountant-menu"></span><span class="awb-menu__m-collapse-icon-close icon-accountant-cancel"></span></span></span></button><ul id="menu-agb-main-menue" class="fusion-menu awb-menu__main-ul awb-menu__main-ul_row"><li  id="menu-item-931"  class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-931 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="931"><span class="awb-menu__main-background-default awb-menu__main-background-default_center"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_center"></span><a  href="https://www.die-agb.de/aktuelles/" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Aktuelles</span></a></li><li  id="menu-item-15384"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15384 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="15384"><span class="awb-menu__main-background-default awb-menu__main-background-default_center"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_center"></span><a  href="https://www.die-agb.de/termine/" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Termine</span></a></li><li  id="menu-item-634"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-634 awb-menu__li awb-menu__main-li awb-menu__main-li_regular awb-menu__main-li_with-sub-arrow awb-menu__main-li_with-arrow fusion-megamenu-menu "  data-item-id="634"><span class="awb-menu__main-background-default awb-menu__main-background-default_center"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_center"></span><a  href="#" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Kurse und Angebote</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Kurse und Angebote" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_main"></button>
16177<span class="awb-menu__sub-arrow"></span><div class="fusion-megamenu-wrapper fusion-columns-4 columns-per-row-4 columns-4 col-span-12 fusion-megamenu-fullwidth fusion-megamenu-width-site-width"><div class="row"><div class="fusion-megamenu-holder lazyload" style="width:1260px;" data-width="1260px"><ul class="fusion-megamenu"><li  id="menu-item-648"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-648 awb-menu__li fusion-megamenu-submenu fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3" ><div class='fusion-megamenu-title'><span class="awb-justify-title">Für Familien &#038; Senior*innen</span></div><ul class="sub-menu deep-level"><li  id="menu-item-8741"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8741 awb-menu__li" ><a  href="https://www.die-agb.de/eltern-kind-yoga/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Eltern-Kind-Yoga</span></a></li><li  id="menu-item-3419"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3419 awb-menu__li" ><a  href="https://www.die-agb.de/elterntalk-nrw/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Elterntalk NRW</span></a></li><li  id="menu-item-3583"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3583 awb-menu__li" ><a  href="https://www.die-agb.de/gemeinwesenarbeit/familienfruehstueck/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Familienfrühstück</span></a></li><li  id="menu-item-9766"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9766 awb-menu__li" ><a  href="https://www.die-agb.de/gemeinsam-freude-schenken/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Gemeinsam Freude schenken</span></a></li><li  id="menu-item-11277"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11277 awb-menu__li" ><a  href="https://www.die-agb.de/zeit-fuer-mich-cafe-fuer-alleinerziehende/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Zeit für mich – Café für Alleinerziehende</span></a></li><li  id="menu-item-687"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-687 awb-menu__li" ><a  href="https://www.die-agb.de/spielend-zusammen-wachsen/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Spielend Zusammen Wachsen®</span></a></li><li  id="menu-item-1512"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1512 awb-menu__li" ><a  href="https://www.die-agb.de/gemeinwesenarbeit/aktiv-60-plus/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Aktiv 60 Plus</span></a></li><li  id="menu-item-686"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-686 awb-menu__li" ><a  href="https://www.die-agb.de/seniorengymnastik-und-tanz-rueckenschule/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Seniorinnengymnastik</span></a></li></ul></li><li  id="menu-item-649"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-649 awb-menu__li fusion-megamenu-submenu fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3" ><div class='fusion-megamenu-title'><span class="awb-justify-title">Für Frauen</span></div><ul class="sub-menu deep-level"><li  id="menu-item-671"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-671 awb-menu__li" ><a  href="https://www.die-agb.de/frauenwerkstatt/" class="awb-menu__sub-
16177a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Frauenwerkstatt</span></a></li><li  id="menu-item-9738"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9738 awb-menu__li" ><a  href="https://www.die-agb.de/musik-machen-mit-frauen/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Musik machen mit Frauen</span></a></li><li  id="menu-item-10977"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10977 awb-menu__li" ><a  href="https://www.die-agb.de/tuerkisch-literarische-teestunde/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Türkisch Literarische Teestunde</span></a></li><li  id="menu-item-8823"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8823 awb-menu__li" ><a  href="https://www.die-agb.de/internationale-frauengruppe/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Internationale Frauengruppe</span></a></li></ul></li><li  id="menu-item-651"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-651 awb-menu__li fusion-megamenu-submenu fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3" ><div class='fusion-megamenu-title'><span class="awb-justify-title">Für Kinder</span></div><ul class="sub-menu deep-level"><li  id="menu-item-647"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-647 awb-menu__li" ><a  href="https://www.die-agb.de/schuelertreff/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Schülertreff</span></a></li><li  id="menu-item-3582"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3582 awb-menu__li" ><a  href="https://www.die-agb.de/gemeinwesenarbeit/kindertheater/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Kindertheater</span></a></li><li  id="menu-item-684"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-684 awb-menu__li" ><a  href="https://www.die-agb.de/sprachfoerderung/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Starke Worte</span></a></li><li  id="menu-item-669"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-669 awb-menu__li" ><a  href="https://www.die-agb.de/wortlaut/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Wortlaut</span></a></li><li  id="menu-item-8114"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8114 awb-menu__li" ><a  href="https://www.die-agb.de/kreativkids-bilk/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Kreativkids Bilk</span></a></li></ul></li><li  id="menu-item-650"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-650 awb-menu__li fusion-megamenu-submenu fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3" ><div class='fusion-megamenu-title'><span class="awb-justify-title">Für Jugendliche</span></div><ul class="sub-menu deep-level"><li  id="menu-item-9873"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9873 awb-menu__li" ><a  href="https://www.die-agb.de/yoga-zauber/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Let‘s Yoga</span></a></li><li  id="menu-item-10844"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10844 awb-menu__li" ><a  href="https://www.die-agb.de/kulturklang/" class="awb-menu__sub-
16177a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Kulturklang</span></a></li><li  id="menu-item-10839"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10839 awb-menu__li" ><a  href="https://www.die-agb.de/cook-and-connect/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Cook and Connect</span></a></li><li  id="menu-item-674"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-674 awb-menu__li" ><a  href="https://www.die-agb.de/erfolgreiche-bewerbung/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Erfolgreiche Bewerbung</span></a></li><li  id="menu-item-7433"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7433 awb-menu__li" ><a  href="https://www.die-agb.de/bildungsreisen/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Bildungsreisen</span></a></li><li  id="menu-item-673"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-673 awb-menu__li" ><a  href="https://www.die-agb.de/baglama-saz/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Musikbox-Baglama/Saz</span></a></li><li  id="menu-item-11272"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11272 awb-menu__li" ><a  href="https://www.die-agb.de/move-and-grow/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Move and grow</span></a></li><li  id="menu-item-8180"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8180 awb-menu__li" ><a  href="https://www.die-agb.de/vielfalt-macht-stark/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Vielfalt macht stark</span></a></li></ul></li></ul></div><div style="clear:both;"></div></div></div></li><li  id="menu-item-6966"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6966 awb-menu__li awb-menu__main-li awb-menu__main-li_regular awb-menu__main-li_with-sub-arrow awb-menu__main-li_with-arrow fusion-megamenu-menu "  data-item-id="6966"><span class="awb-menu__main-background-default awb-menu__main-background-default_center"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_center"></span><a  href="#" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Bereiche</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Bereiche" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_main"></button><span class="awb-menu__sub-arrow"></span><div class="fusion-megamenu-wrapper fusion-columns-4 columns-per-row-4 columns-4 col-span-12 fusion-megamenu-fullwidth fusion-megamenu-width-site-width"><div class="row"><div class="fusion-megamenu-holder lazyload" style="width:1260px;" data-width="1260px"><ul class="fusion-megamenu"><li  id="menu-item-3544"  class="mygm-header menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3544 awb-menu__li fusion-megamenu-submenu fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3"  data-classes="mygm-header"><div class='fusion-megamenu-title'><span class="awb-justify-title">Gemeinwesen &#038; Beratung</span></div><ul class="sub-menu deep-level"><li  id="menu-item-8847"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8847 awb-menu__li" ><a  href="https://www.die-agb.de/erzaehlcafe/" class="awb-menu__sub-
16177a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Erzählcafé</span></a></li><li  id="menu-item-644"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-644 awb-menu__li" ><a  href="https://www.die-agb.de/stadtteiltreff/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Stadtteiltreff</span></a></li><li  id="menu-item-8774"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8774 awb-menu__li" ><a  href="https://www.die-agb.de/north-africa-library/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>North Africa Library</span></a></li><li  id="menu-item-147"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-147 awb-menu__li" ><a  href="https://www.die-agb.de/sozialberatung/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Sozialberatung</span></a></li><li  id="menu-item-9415"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9415 awb-menu__li" ><a  href="https://www.die-agb.de/kommunales-integrationsmanagement-kim/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Komm. Integrationsmanagement</span></a></li><li  id="menu-item-140"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140 awb-menu__li" ><a  href="https://www.die-agb.de/kommdreieck/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Kommunizierendes Dreieck</span></a></li><li  id="menu-item-6967"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6967 awb-menu__li" ><a  href="https://www.die-agb.de/soziokulturelle-angebote/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Soziokulturelle Angebote</span></a></li></ul></li><li  id="menu-item-629"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-629 awb-menu__li fusion-megamenu-submenu fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3" ><div class='fusion-megamenu-title'><span class="awb-justify-title">Ganztagsschule &#038; Schulsozialarbeit</span></div><ul class="sub-menu deep-level"><li  id="menu-item-15416"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15416 awb-menu__li" ><a  href="https://www.die-agb.de/astrid-lindgren-schule/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Astrid-Lindgren-Schule</span></a></li><li  id="menu-item-136"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136 awb-menu__li" ><a  href="https://www.die-agb.de/hanna-zuerndorfer-schule/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Hanna Zürndorfer Schule</span></a></li><li  id="menu-item-143"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-143 awb-menu__li" ><a  href="https://www.die-agb.de/martin-luther-schule/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Martin-Luther-Schule</span></a></li><li  id="menu-item-145"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-145 awb-menu__li" ><a  href="https://www.die-agb.de/montessori-grundschule/" class="awb-menu__sub-
16177a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Montessori Grundschule</span></a></li><li  id="menu-item-146"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-146 awb-menu__li" ><a  href="https://www.die-agb.de/schulsozialarbeit/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Schulsozialarbeit</span></a></li></ul></li><li  id="menu-item-628"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-628 awb-menu__li fusion-megamenu-submenu fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3" ><div class='fusion-megamenu-title'><span class="awb-justify-title">Kinderclub KIBI</span></div><ul class="sub-menu deep-level"><li  id="menu-item-6968"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6968 awb-menu__li" ><a  href="https://www.die-agb.de/schuelertreff/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Schülertreff</span></a></li><li  id="menu-item-139"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-139 awb-menu__li" ><a  href="https://www.die-agb.de/kinderclub-kibi/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Kinderclub KIBI</span></a></li></ul></li><li  id="menu-item-630"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-630 awb-menu__li fusion-megamenu-submenu menu-item-has-link fusion-megamenu-columns-4 col-lg-3 col-md-3 col-sm-3" ><div class='fusion-megamenu-title'><a class="awb-justify-title" href="/demokratie">Prävention &#038; Demokratieförderung</a></div><ul class="sub-menu deep-level"><li  id="menu-item-5739"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5739 awb-menu__li" ><a  href="https://www.die-agb.de/clear-vision/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Clear Vision</span></a></li><li  id="menu-item-6810"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6810 awb-menu__li" ><a  href="https://www.die-agb.de/die-sichtweisen-gesellschaft-fuer-bunte-ansichten/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Die Sichtweisen 2.0</span></a></li><li  id="menu-item-7312"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7312 awb-menu__li" ><a  target="_blank" rel="noopener noreferrer" href="https://demokratie-duesseldorf.de" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Partnerschaft für Demokratie</span></a></li><li  id="menu-item-7311"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7311 awb-menu__li" ><a  target="_blank" rel="noopener noreferrer" href="https://www.wegweiser-duesseldorf.de/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Wegweiser D/ME</span></a></li></ul></li></ul></div><div style="clear:both;"></div></div></div></li></ul></nav></div></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-large-visibility fusion-sticky-container" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-background-color:#ffffff;--awb-sticky-background-color:#ffffff !important;--awb-flex-wrap:wrap;" data-transition-offset="0" data-scroll-offset="620" data-sticky-large-visibility="1" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1310.4px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_3 1_3 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:20px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:20%;--awb-order-medium:0;--awb-spacing-right-medium:9.6%;--awb-spacing-left-medium:9.6%;--awb-width-small:50%;--awb-order-small:0;--awb-spacing-right-small:3.84%;--awb-spacing-left-small:3.84%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-image-element" style="--awb-sticky-max-width:142px;--awb-max-width:172px;--awb-caption-title-font-family:var(--h2_typography-font-family);
16177--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-3 hover-type-none"><a class="fusion-no-lightbox" href="https://www.die-agb.de/" target="_self" aria-label="logo_mobile_nur-die_agb"><img decoding="async" width="722" height="214" src="https://www.die-agb.de/wp-content/uploads/2020/09/logo_mobile_nur-die_agb.png" data-orig-src="https://www.die-agb.de/wp-content/uploads/2020/09/logo_mobile_nur-die_agb.png" alt class="lazyload img-responsive wp-image-7143" srcset="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27722%27%20height%3D%27214%27%20viewBox%3D%270%200%20722%20214%27%3E%3Crect%20width%3D%27722%27%20height%3D%27214%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" data-srcset="https://www.die-agb.de/wp-content/uploads/2020/09/logo_mobile_nur-die_agb-200x59.png 200w, https://www.die-agb.de/wp-content/uploads/2020/09/logo_mobile_nur-die_agb-400x119.png 400w, https://www.die-agb.de/wp-content/uploads/2020/09/logo_mobile_nur-die_agb-600x178.png 600w, https://www.die-agb.de/wp-content/uploads/2020/09/logo_mobile_nur-die_agb.png 722w" data-sizes="auto" data-orig-sizes="(max-width: 640px) 100vw, 400px" /></a></span></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_3 1_3 fusion-flex-column fusion-no-small-visibility" style="--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:20px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:60%;--awb-order-medium:0;--awb-spacing-right-medium:3.2%;--awb-spacing-left-medium:3.2%;--awb-width-small:100%;--awb-order-small:1;--awb-margin-top-small:0px;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><nav class="awb-menu awb-menu_row awb-menu_em-hover mobile-mode-collapse-to-button awb-menu_icons-left awb-menu_dc-yes mobile-trigger-fullwidth-off awb-menu_mobile-toggle awb-menu_indent-left awb-menu_mt-align-flex-start mobile-size-full-absolute loading mega-menu-loading awb-menu_desktop awb-menu_dropdown awb-menu_expand-right awb-menu_transition-fade" style="--awb-text-transform:none;--awb-min-height:56px;--awb-border-radius-top-left:6px;--awb-border-radius-top-right:6px;--awb-border-radius-bottom-right:6px;--awb-border-radius-bottom-left:6px;--awb-gap:6px;--awb-align-items:center;--awb-justify-content:center;--awb-items-padding-top:6px;--awb-items-padding-right:10px;--awb-items-padding-bottom:6px;--awb-items-padding-left:10px;--awb-border-color:#2cbc63;--awb-color:#023a51;--awb-active-color:#023a51;--awb-active-bg:rgba(44,188,99,0.08);--awb-submenu-space:12px;--awb-submenu-text-transform:none;--awb-icons-size:17;--awb-icons-color:#023a51;--awb-main-justify-content:flex-start;--awb-mobile-justify:flex-start;--awb-mobile-caret-left:auto;--awb-mobile-caret-right:0;--awb-fusion-font-family-typography:&quot;Manrope&quot;;--awb-fusion-font-style-typography:normal;--awb-fusion-font-weight-typography:600;--awb-fusion-font-family-submenu-typography:inherit;--awb-fusion-font-style-submenu-typography:normal;--awb-fusion-font-weight-submenu-typography:400;--awb-fusion-font-family-mobile-typography:inherit;--awb-fusion-font-style-mobile-typography:normal;--awb-fusion-font-weight-mobile-typography:400;" aria-label="Accountant Contact Menu" data-breakpoint="0" data-count="3" data-transition-type="fade" data-transition-time="300" data-expand="right"><ul id="menu-accountant-contact-menu-1" class="fusion-menu awb-menu__main-ul awb-menu__main-ul_row"><li   class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6880 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="6880"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="#" class="awb-menu__main-a awb-menu__main-a_regular fusion-flex-link"><span class="awb-menu__i awb-menu__i_main fusion-megamenu-icon"><i class="glyphicon icon-accountant-call-us" aria-hidden="true"></i></span><span class="menu-text">0211 905 22 22</span></a></li><li   class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6881 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="6881"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="mailto:[email protected]" class="awb-menu__main-a awb-menu__main-a_regular fusion-flex-link"><span class="awb-menu__i awb-menu__i_main fusion-megamenu-icon"><i class="glyphicon icon-accountant-mail" aria-hidden="true"></i></span><span class="menu-text">E-Mail an uns</span></a></li></ul></nav></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_3 1_3 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:20px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:20%;--awb-order-medium:0;--awb-spacing-right-medium:9.6%;--awb-spacing-left-medium:9.6%;--awb-width-small:50%;--awb-order-small:0;--awb-spacing-right-small:3.84%;--awb-spacing-left-small:3.84%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><nav class="awb-menu awb-menu_row awb-menu_em-hover mobile-mode-collapse-to-button awb-menu_icons-right awb-menu_dc-yes mobile-trigger-fullwidth-off awb-menu_mobile-toggle awb-menu_indent-left awb-menu_mt-align-flex-end mobile-size-full-absolute loading mega-menu-loading awb-menu_desktop awb-menu_dropdown awb-menu_expand-right awb-menu_transition-fade" style="--awb-text-transform:none;--awb-submenu-text-transform:none;--awb-main-justify-content:flex-start;--awb-mobile-nav-button-align-hor:flex-end;--awb-mobile-nav-items-height:47;--awb-mobile-trigger-font-size:25px;--awb-mobile-justify:flex-start;--awb-mobile-caret-left:auto;--awb-mobile-caret-right:0;--awb-fusion-font-family-typography:inherit;--awb-fusion-font-style-typography:normal;--awb-fusion-font-weight-typography:400;--awb-fusion-font-family-submenu-typography:inherit;--awb-fusion-font-style-submenu-typography:normal;--awb-fusion-font-weight-submenu-typography:400;--awb-fusion-font-family-mobile-typography:inherit;--awb-fusion-font-style-mobile-typography:normal;--awb-fusion-font-weight-mobile-typography:400;" aria-label="My New Mobile NAV" data-breakpoint="1200" data-count="4" data-transition-type="fade" data-transition-time="300" data-expand="right"><button type="button" class="awb-menu__m-toggle awb-menu__m-toggle_no-text" aria-expanded="false" aria-controls="menu-my-new-mobile-nav"><span class="awb-menu__m-toggle-inner"><span class="collapsed-nav-text"><span class="screen-reader-text">Toggle Navigation</span></span><span class="awb-menu__m-collapse-icon awb-menu__m-collapse-icon_no-text"><span class="awb-menu__m-collapse-icon-open awb-menu__m-collapse-icon-open_no-text fa-bars fas"></span><span class="awb-menu__m-collapse-icon-close awb-menu__m-collapse-icon-close_no-text fa-times fas"></span></span></span></button><ul id="menu-my-new-mobile-nav" class="fusion-menu awb-menu__main-ul awb-menu__main-ul_row"><li  id="menu-item-7128"  class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7128 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="7128"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="https://www.die-agb.de/aktuelles/" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Aktuelles</span></a></li><li  id="menu-item-15383"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15383 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="15383"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="https://www.die-agb.de/termine/" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Termine</span></a></li><li  id="menu-item-7130"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7130 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="7130"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="#" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Kurse und Angebote</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Kurse und Angebote" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_main"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_main"><li  id="menu-item-7131"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7131 awb-menu__li awb-menu__sub-li" >
16177<a  href="#" class="awb-menu__sub-a"><span>Für Familien &#038; Senior*innen</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Für Familien &amp; Senior*innen" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-7132"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7132 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/gemeinwesenarbeit/familienfruehstueck/" class="awb-menu__sub-a"><span>Familienfrühstück</span></a></li><li  id="menu-item-8972"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8972 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/eltern-kind-yoga/" class="awb-menu__sub-a"><span>Eltern-Kind-Yoga</span></a></li><li  id="menu-item-7175"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7175 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/elterntalk-nrw/" class="awb-menu__sub-a"><span>Elterntalk NRW</span></a></li><li  id="menu-item-8973"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8973 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/gemeinsam-stark/" class="awb-menu__sub-a"><span>Gemeinsam stark</span></a></li><li  id="menu-item-7148"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7148 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/spielend-zusammen-wachsen/" class="awb-menu__sub-a"><span>Spielend Zusammen Wachsen®</span></a></li><li  id="menu-item-7154"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7154 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/gemeinwesenarbeit/aktiv-60-plus/" class="awb-menu__sub-a"><span>Aktiv 60 Plus</span></a></li><li  id="menu-item-7155"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7155 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/seniorengymnastik-und-tanz-rueckenschule/" class="awb-menu__sub-a"><span>Seniorengymnastik</span></a></li></ul></li><li  id="menu-item-7134"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7134 awb-menu__li awb-menu__sub-li" ><a  href="#" class="awb-menu__sub-a"><span>Für Frauen</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Für Frauen" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-7135"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7135 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/frauenwerkstatt/" class="awb-menu__sub-a"><span>Frauenwerkstatt</span></a></li><li  id="menu-item-8822"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8822 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/internationale-frauengruppe/" class="awb-menu__sub-a"><span><span class="awb-menu__i awb-menu__i_sub fusion-megamenu-icon"><i class="glyphicon icon-accountant-check" aria-hidden="true"></i></span>Internationale Frauengruppe</span></a></li></ul></li><li  id="menu-item-7153"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7153 awb-menu__li awb-menu__sub-li" ><a  href="#" class="awb-menu__sub-a"><span>Für Kinder</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Für Kinder" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-7147"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7147 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/schuelertreff/" class="awb-menu__sub-a"><span>Schülertreff</span></a></li><li  id="menu-item-7133"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7133 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/gemeinwesenarbeit/kindertheater/" class="awb-menu__sub-
16177a"><span>Kindertheater</span></a></li><li  id="menu-item-8975"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8975 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/fotografie-workshop-andere-sicht/" class="awb-menu__sub-a"><span>Fotografie „andere Sicht“</span></a></li><li  id="menu-item-8974"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8974 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/sprachfoerderung/" class="awb-menu__sub-a"><span>Starke Worte – Sprachförderung</span></a></li><li  id="menu-item-8976"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8976 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/wortlaut/" class="awb-menu__sub-a"><span>Wortlaut – Sprachförderung</span></a></li><li  id="menu-item-8977"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8977 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/kreativkids-bilk/" class="awb-menu__sub-a"><span>Kreativkids Bilk</span></a></li></ul></li><li  id="menu-item-7150"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7150 awb-menu__li awb-menu__sub-li" ><a  href="#" class="awb-menu__sub-a"><span>Für Jugendliche</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Für Jugendliche" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-9874"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9874 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/yoga-zauber/" class="awb-menu__sub-a"><span>Let‘s Yoga</span></a></li><li  id="menu-item-7151"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7151 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/erfolgreiche-bewerbung/" class="awb-menu__sub-a"><span>Erfolgreiche Bewerbung</span></a></li><li  id="menu-item-11308"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11308 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/cook-and-connect/" class="awb-menu__sub-a"><span>Cook and Connect</span></a></li><li  id="menu-item-8978"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8978 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/bildungsreisen/" class="awb-menu__sub-a"><span>Bildungsreisen</span></a></li><li  id="menu-item-7152"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7152 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/baglama-saz/" class="awb-menu__sub-a"><span>Musikbox-Baglama/Saz</span></a></li><li  id="menu-item-8979"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8979 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/vielfalt-macht-stark/" class="awb-menu__sub-a"><span>Wir! – Gemeinsam gegen Vorurteile und für Toleranz</span></a></li></ul></li></ul></li><li  id="menu-item-7159"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7159 awb-menu__li awb-menu__main-li awb-menu__main-li_regular"  data-item-id="7159"><span class="awb-menu__main-background-default awb-menu__main-background-default_fade"></span><span class="awb-menu__main-background-active awb-menu__main-background-active_fade"></span><a  href="#" class="awb-menu__main-a awb-menu__main-a_regular"><span class="menu-text">Bereiche</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Bereiche" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_main"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_main"><li  id="menu-item-7160"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7160 awb-menu__li awb-menu__sub-li" >
16177<a  href="#" class="awb-menu__sub-a"><span>Gemeinwesen &#038; Beratung</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Gemeinwesen &amp; Beratung" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-8980"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8980 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/erzaehlcafe/" class="awb-menu__sub-a"><span>Erzählcafé</span></a></li><li  id="menu-item-7164"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7164 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/stadtteiltreff/" class="awb-menu__sub-a"><span>Stadtteiltreff</span></a></li><li  id="menu-item-8981"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8981 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/north-africa-library/" class="awb-menu__sub-a"><span>North Africa Library</span></a></li><li  id="menu-item-7165"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7165 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/sozialberatung/" class="awb-menu__sub-a"><span>Sozialberatung</span></a></li><li  id="menu-item-9416"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9416 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/kommunales-integrationsmanagement-kim/" class="awb-menu__sub-a"><span>Komm. Integrationsmanagement</span></a></li><li  id="menu-item-7166"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7166 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/kommdreieck/" class="awb-menu__sub-a"><span>Kommunizierendes Dreieck</span></a></li><li  id="menu-item-7167"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7167 awb-menu__li awb-menu__sub-li" ><a  href="#" class="awb-menu__sub-a"><span>Soziokulturelle Angebote</span></a></li></ul></li><li  id="menu-item-7161"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7161 awb-menu__li awb-menu__sub-li" ><a  href="#" class="awb-menu__sub-a"><span>Ganztagsschule &#038; Schulsozialarbeit</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Ganztagsschule &amp; Schulsozialarbeit" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-7169"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7169 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/hanna-zuerndorfer-schule/" class="awb-menu__sub-a"><span>Hanna Zürndorfer Schule</span></a></li><li  id="menu-item-7170"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7170 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/martin-luther-schule/" class="awb-menu__sub-a"><span>Martin-Luther-Schule</span></a></li><li  id="menu-item-7168"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7168 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/montessori-grundschule/" class="awb-menu__sub-a"><span>Montessori Grundschule</span></a></li><li  id="menu-item-7171"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7171 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/schulsozialarbeit/" class="awb-menu__sub-a"><span>Schulsozialarbeit</span></a></li></ul></li><li  id="menu-item-7162"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7162 awb-menu__li awb-menu__sub-li" ><a  href="#" class="awb-menu__sub-a"><span>Kinderclub KIBI</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Kinderclub KIBI" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-7173"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7173 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/kinderclub-kibi/" class="awb-menu__sub-
16177a"><span>Kinderclub KIBI</span></a></li><li  id="menu-item-7172"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7172 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/schuelertreff/" class="awb-menu__sub-a"><span>Schülertreff</span></a></li></ul></li><li  id="menu-item-7163"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7163 awb-menu__li awb-menu__sub-li" ><a  href="#" class="awb-menu__sub-a"><span>Prävention &#038; Demokratieförderung</span><span class="awb-menu__open-nav-submenu-hover"></span></a><button type="button" aria-label="Open submenu of Prävention &amp; Demokratieförderung" aria-expanded="false" class="awb-menu__open-nav-submenu_mobile awb-menu__open-nav-submenu_sub"></button><ul class="awb-menu__sub-ul awb-menu__sub-ul_grand"><li  id="menu-item-7129"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7129 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/clear-vision/" class="awb-menu__sub-a"><span>Clear Vision</span></a></li><li  id="menu-item-7174"  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7174 awb-menu__li awb-menu__sub-li" ><a  href="https://www.die-agb.de/die-sichtweisen-gesellschaft-fuer-bunte-ansichten/" class="awb-menu__sub-a"><span>Die Sichtweisen 2.0</span></a></li><li  id="menu-item-8982"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8982 awb-menu__li awb-menu__sub-li" ><a  href="https://demokratie-duesseldorf.de/" class="awb-menu__sub-a"><span>Partnerschaft für Demokratie</span></a></li><li  id="menu-item-8983"  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8983 awb-menu__li awb-menu__sub-li" ><a  href="https://www.wegweiser-duesseldorf.de/" class="awb-menu__sub-a"><span>Wegweiser D/ME</span></a></li></ul></li></ul></li></ul></nav></div></div></div></div>
16178</div>		<div id="sliders-container" class="fusion-slider-visibility">
16179					</div>
16180											
16181			<section class="fusion-page-title-bar fusion-tb-page-title-bar"><div class="fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:32px;--awb-padding-bottom:90px;--awb-padding-bottom-medium:60px;--awb-padding-top-small:10px;--awb-padding-bottom-small:145px;--awb-background-color:#e0ecf0;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-justify-content-center fusion-flex-content-wrap" style="max-width:1310.4px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_5 1_5 fusion-flex-column fusion-no-small-visibility fusion-no-medium-visibility" style="--awb-bg-size:cover;--awb-width-large:20%;--awb-margin-top-large:20px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:20%;--awb-order-medium:0;--awb-spacing-right-medium:9.6%;--awb-spacing-left-medium:9.6%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_3_5 3_5 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:60%;--awb-margin-top-large:20px;--awb-spacing-right-large:3.2%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:20px;--awb-width-medium:75%;--awb-order-medium:0;--awb-margin-top-medium:0px;--awb-spacing-right-medium:0%;--awb-margin-bottom-medium:20px;--awb-spacing-left-medium:20px;--awb-width-small:100%;--awb-order-small:0;--awb-margin-top-small:10px;
16181--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-four" style="--awb-text-color:#3eb7ab;--awb-margin-bottom:8px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:0px;--awb-margin-left-small:0px;"><h4 class="fusion-title-heading title-heading-left md-text-align-center sm-text-align-center fusion-responsive-typography-calculated" style="margin:0;--fontSize:24;line-height:1.42;">Über uns</h4></div><div class="fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-one" style="--awb-margin-bottom:0px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:0px;--awb-margin-left-small:0px;"><h1 class="fusion-title-heading title-heading-left md-text-align-center sm-text-align-center fusion-responsive-typography-calculated" style="margin:0;--fontSize:60;line-height:1.16;">Über uns<span style="color: #2cbc63">.</span></h1></div><div class="fusion-text fusion-text-1 md-text-align-center sm-text-align-center" style="--awb-font-size:26px;--awb-line-height:36px;--awb-text-color:#023a51;"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_5 1_5 fusion-flex-column fusion-no-small-visibility fusion-no-medium-visibility" style="--awb-bg-size:cover;--awb-width-large:20%;--awb-margin-top-large:20px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:20%;--awb-order-medium:0;--awb-spacing-right-medium:9.6%;--awb-spacing-left-medium:9.6%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"></div></div></div></div>
16182</section>
16183						<main id="main" class="clearfix ">
16184				<div class="fusion-row" style="">
16185<section id="content" style="width: 100%;">
16186					<div id="post-28" class="post-28 page type-page status-publish hentry">
16187			<span class="entry-title rich-snippet-hidden">Über uns</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://www.die-agb.de/author/root_admin/" rel="author">DIE AGB</a></span></span><span class="updated rich-snippet-hidden">2017-11-02T18:03:46+01:00</span>
16188			
16189			<div class="post-content">
16190				<div class="fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-overflow:visible;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="width:calc( 100% + 0px ) !important;max-width:calc( 100% + 0px ) !important;margin-left: calc(-0px / 2 );margin-right: calc(-0px / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-two" style="--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;"><h2 class="fusion-title-heading title-heading-left fusion-responsive-typography-calculated" style="margin:0;--fontSize:48;line-height:1.2;">Über Uns</h2></div><div class="fusion-image-element" style="--awb-caption-title-font-family:var(--h2_typography-font-family);
16190--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-4 hover-type-none"><img decoding="async" width="1100" height="677" title="AGB schwarz weiß" src="https://www.die-agb.de/wp-content/uploads/2016/02/agb_bw.jpg" data-orig-src="https://www.die-agb.de/wp-content/uploads/2016/02/agb_bw.jpg" alt class="lazyload img-responsive wp-image-1258" srcset="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271100%27%20height%3D%27677%27%20viewBox%3D%270%200%201100%20677%27%3E%3Crect%20width%3D%271100%27%20height%3D%27677%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" data-srcset="https://www.die-agb.de/wp-content/uploads/2016/02/agb_bw-200x123.jpg 200w, https://www.die-agb.de/wp-content/uploads/2016/02/agb_bw-400x246.jpg 400w, https://www.die-agb.de/wp-content/uploads/2016/02/agb_bw-600x369.jpg 600w, https://www.die-agb.de/wp-content/uploads/2016/02/agb_bw-800x492.jpg 800w, https://www.die-agb.de/wp-content/uploads/2016/02/agb_bw.jpg 1100w" data-sizes="auto" data-orig-sizes="(max-width: 640px) 100vw, 1100px" /></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;width:100%;"><div class="fusion-separator-border sep-single sep-solid" style="--awb-height:20px;--awb-amount:20px;--awb-sep-color:#ffffff;border-color:#ffffff;border-top-width:15px;"></div></div><div class="fusion-text fusion-text-2"><p>Die im Jahr 1981 gegründete Aktion Gemeinwesen und Beratung (AGB e.V.) ist anerkannter freier Träger der Kinder- und Jugendhilfe und Gemeinwesenarbeit im Düsseldorfer Stadtteil Bilk und Mitglied im Paritätischen Wohlfahrtsverband (DPWV). Zu den Förderern der AGB gehören &#8211; neben der Stadt Düsseldorf und dem Land Nordrhein-Westfalen &#8211; die Aktion Mensch, Mitglieder des Vereins und sonstige private Spender. Die AGB arbeitet im Stadtteil mit allen Akteuren der Kinder- und Jugendhilfe sowie allen Schulen des Wohnquartiers eng zusammen und ist aktiv in lokalen und überregionalen Netzwerken eingebunden.</p>
16191</div></div></div></div></div>
16192							</div>
16193																													</div>
16194	</section>
16195						
16196					</div>  <!-- fusion-row -->
16197				</main>  <!-- #main -->
16198				
16199				
16200								
16201					
16202		<div class="fusion-footer">
16203					
16204	<footer class="fusion-footer-widget-area fusion-widget-area">
16205		<div class="fusion-row">
16206			<div class="fusion-columns fusion-columns-4 fusion-widget-area">
16207				
16208																									<div class="fusion-column col-lg-3 col-md-3 col-sm-3">
16209							<section id="contact_info-widget-2" class="fusion-footer-widget-column widget contact_info" style="border-style: solid;border-color:transparent;border-width:0px;"><h4 class="widget-title">Kontakt</h4>
16210		<div class="contact-info-container">
16211							<p class="address">Die AGB<br>Aktion Gemeinwesen und Beratung e.V.<br> Himmelgeister Str. 107 <br> 40225 Düsseldorf</p>
16212			
16213							<p class="phone">Telefon: <a href="tel:0211 / 9052222">0211 / 9052222</a></p>
16214			
16215			
16216							<p class="fax">Fax: <a href="fax:0211 / 345260">0211 / 345260</a></p>
16217			
16218												<p class="email">E-Mail: <a href="mailto:&#105;&#110;fo&#64;&#100;i&#101;&#45;&#97;g&#98;&#46;d&#101;">[email protected]</a></p>
16219							
16220							<p class="web">Webseite: <a href="http://www.die-agb.de">www.die-agb.de</a></p>
16221					</div>
16222		<div style="clear:both;"></div></section>																					</div>
16223																										<div class="fusion-column col-lg-3 col-md-3 col-sm-3">
16224							<style type="text/css" data-id="avada-vertical-menu-widget-2">#avada-vertical-menu-widget-2 > ul.menu { margin-top: -8px; }</style><section id="avada-vertical-menu-widget-2" class="fusion-footer-widget-column widget avada_vertical_menu" style="border-style: solid;border-color:transparent;border-width:0px;"><h4 class="widget-title">Info-Seiten</h4><style>#fusion-vertical-menu-widget-avada-vertical-menu-widget-2-nav ul.menu li a {font-size:16px;}</style><nav id="fusion-vertical-menu-widget-avada-vertical-menu-widget-2-nav" class="fusion-vertical-menu-widget fusion-menu hover left no-border" aria-label="Secondary Navigation: Info-Seiten"><ul id="menu-mein-footer-menu" class="menu"><li id="menu-item-6928" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6928"><a href="https://www.die-agb.de/datenschutzerklaerung/"><span class="link-text"><span class="icon-accountant-check"></span> Datenschutzerklärung</span><span class="arrow"></span></a></li><li id="menu-item-6929" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6929"><a href="https://www.die-agb.de/impressum/"><span class="link-text"><span class="icon-accountant-check"></span> Impressum</span><span class="arrow"></span></a></li><li id="menu-item-8776" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8776"><a href="https://www.die-agb.de/jobs2/"><span class="link-text"><span class="icon-accountant-check"></span> Jobs</span><span class="arrow"></span></a></li><li id="menu-item-10826" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10826"><a href="https://www.die-agb.de/archiv-projekte-angebote/"><span class="link-text"><span class="icon-accountant-check"></span> Archiv</span><span class="arrow"></span></a></li></ul></nav><div style="clear:both;"></div></section>																					</div>
16225																										<div class="fusion-column col-lg-3 col-md-3 col-sm-3">
16226							<section id="custom_html-2" class="widget_text fusion-footer-widget-column widget widget_custom_html" style="border-style: solid;border-color:transparent;border-width:0px;"><h4 class="widget-title">Spenden sie mit betterplace</h4><div class="textwidget custom-html-widget"><iframe frameborder="0" marginheight="0" marginwidth="0" src="https://www.betterplace-widget.org/projects/90701?l=de" width="90%" height="300" style="border: 0; padding:0; margin:0;">Informieren und spenden: &lt;a href=&#39;https://www.betterplace.org/de/projects/90701-teilerneuerung-der-einrichtung-des-schuelertreffs-kibi-dependance&#39; target=&#39;_blank&#39;&gt;„Teilerneuerung der Einrichtung des Schülertreffs KIBI- Depen
16226dance “&lt;/a&gt; auf betterplace.org öffnen.</iframe></div><div style="clear:both;"></div></section>																					</div>
16227																										<div class="fusion-column fusion-column-last col-lg-3 col-md-3 col-sm-3">
16228							<section id="media_image-3" class="fusion-footer-widget-column widget widget_media_image" style="border-style: solid;border-color:transparent;border-width:0px;"><h4 class="widget-title">Mitglied im</h4><img width="210" height="41" src="https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-300x59.png" class="image wp-image-11558  attachment-210x41 size-210x41 lazyload" alt="" style="max-width: 100%; height: auto;" decoding="async" srcset="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271250%27%20height%3D%27247%27%20viewBox%3D%270%200%201250%20247%27%3E%3Crect%20width%3D%271250%27%20height%3D%27247%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" data-orig-src="https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-300x59.png" data-srcset="https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-200x40.png 200w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-300x59.png 300w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-400x79.png 400w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-600x119.png 600w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-768x152.png 768w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-800x158.png 800w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-1024x202.png 1024w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische-1200x237.png 1200w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_paritaetische.png 1250w" data-sizes="auto" /><div style="clear:both;"></div></section><section id="media_image-2" class="fusion-footer-widget-column widget widget_media_image" style="border-style: solid;border-color:transparent;border-width:0px;"><img width="200" height="50" src="https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-200x50.png" class="image wp-image-11557  attachment-200x50 size-200x50 lazyload" alt="" style="max-width: 100%; height: auto;" decoding="async" srcset="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271271%27%20height%3D%27318%27%20viewBox%3D%270%200%201271%20318%27%3E%3Crect%20width%3D%271271%27%20height%3D%27318%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E" data-orig-src="https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-200x50.png" data-srcset="https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-200x50.png 200w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-300x75.png 300w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-400x100.png 400w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-600x150.png 600w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-768x192.png 768w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-800x200.png 800w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-1024x256.png 1024w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf-1200x300.png 1200w, https://www.die-agb.de/wp-content/uploads/2026/06/logo_verein_duesseldorf.png 1271w" data-sizes="auto" /><div style="clear:both;"></div></section><section id="text-7" class="fusion-footer-widget-column widget widget_text" style="border-style: solid;border-color:transparent;border-width:0px;">			<div class="textwidget"></div>
16229		<div style="clear:both;"></div></section>																					</div>
16230																											
16231				<div class="fusion-clearfix"></div>
16232			</div> <!-- fusion-columns -->
16233		</div> <!-- fusion-row -->
16234	</footer> <!-- fusion-footer-widget-area -->
16235
16236	
16237	<footer id="footer" class="fusion-footer-copyright-area">
16238		<div class="fusion-row">
16239			<div class="fusion-copyright-content">
16240
16241				<div class="fusion-copyright-notice">
16242		<div>
16243		© Copyright 2012 - 
16243<script>document.write(new Date().getFullYear());</script>
16243   |   <a href="https://1.envato.market/vYX3W">Avada Website Builder</a> by <a href='https://theme-fusion.com' target='_blank'>ThemeFusion</a>   |   All Rights Reserved   |   Powered by <a href='https://wordpress.org' target='_blank'>WordPress</a>	</div>
16244</div>
16245<div class="fusion-social-links-footer">
16246	<div class="fusion-social-networks"><div class="fusion-social-networks-wrapper"><a  class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style data-placement="top" data-title="Facebook" data-toggle="tooltip" title="Facebook" href="https://www.facebook.com/dieagbev" target="_blank" rel="noreferrer"><span class="screen-reader-text">Facebook</span></a><a  class="fusion-social-network-icon fusion-tooltip fusion-instagram awb-icon-instagram" style data-placement="top" data-title="Instagram" data-toggle="tooltip" title="Instagram" href="https://www.instagram.com/dieagbev" target="_blank" rel="noopener noreferrer"><span class="screen-reader-text">Instagram</span></a></div></div></div>
16247
16248			</div> <!-- fusion-fusion-copyright-content -->
16249		</div> <!-- fusion-row -->
16250	</footer> <!-- #footer -->
16251		</div> <!-- fusion-footer -->
16252
16253		
16254																</div> <!-- wrapper -->
16255		</div> <!-- #boxed-wrapper -->
16256				<a class="fusion-one-page-text-link fusion-page-load-link" tabindex="-1" href="#" aria-hidden="true">Page load link</a>
16257
16258		<div class="avada-footer-scripts">
16259			
16259<script type="text/javascript">var fusionNavIsCollapsed=function(e){var t,n;window.innerWidth<=e.getAttribute("data-breakpoint")?(e.classList.add("collapse-enabled"),e.classList.remove("awb-menu_desktop"),e.classList.contains("expanded")||window.dispatchEvent(new CustomEvent("fusion-mobile-menu-collapsed",{detail:{nav:e}})),(n=e.querySelectorAll(".menu-item-has-children.expanded")).length&&n.forEach(function(e){e.querySelector(".awb-menu__open-nav-submenu_mobile").setAttribute("aria-expanded","false")})):(null!==e.querySelector(".menu-item-has-children.expanded .awb-menu__open-nav-submenu_click")&&e.querySelector(".menu-item-has-children.expanded .awb-menu__open-nav-submenu_click").click(),e.classList.remove("collapse-enabled"),e.classList.add("awb-menu_desktop"),null!==e.querySelector(".awb-menu__main-ul")&&e.querySelector(".awb-menu__main-ul").removeAttribute("style")),e.classList.add("no-wrapper-transition"),clearTimeout(t),t=setTimeout(()=>{e.classList.remove("no-wrapper-transition")},400),e.classList.remove("loading")},fusionRunNavIsCollapsed=function(){var e,t=document.querySelectorAll(".awb-menu");for(e=0;e<t.length;e++)fusionNavIsCollapsed(t[e])};function avadaGetScrollBarWidth(){var e,t,n,l=document.createElement("p");return l.style.width="100%",l.style.height="200px",(e=document.createElement("div")).style.position="absolute",e.style.top="0px",e.style.left="0px",e.style.visibility="hidden",e.style.width="200px",e.style.height="150px",e.style.overflow="hidden",e.appendChild(l),document.body.appendChild(e),t=l.offsetWidth,e.style.overflow="scroll",t==(n=l.offsetWidth)&&(n=e.clientWidth),document.body.removeChild(e),jQuery("html").hasClass("awb-scroll")&&10<t-n?10:t-n}fusionRunNavIsCollapsed(),window.addEventListener("fusion-resize-horizontal",fusionRunNavIsCollapsed);</script>
16259<script type="speculationrules">
16260{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/Avada-Child-Theme/*","/wp-content/themes/Avada/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
16261</script>
16261
16262                                
16262<script>document.addEventListener("DOMContentLoaded", function() {
16263  var addresses = document.querySelectorAll(
16264    '.wpem-single-event-page .wpem-single-event-body-sidebar .event-address'
16265  );
16266
16267  addresses.forEach(function(address) {
16268    var rawAddress = address.textContent.trim();
16269
16270    if (!rawAddress) return;
16271
16272    // Für Google Maps bleibt die Adresse unverändert mit Kommas
16273    var googleMapsLink = "https://www.google.com/maps?q=" + encodeURIComponent(rawAddress);
16274
16275    // Für die sichtbare Ausgabe Kommas entfernen und daraus Zeilen machen
16276    var addressLines = rawAddress
16277      .split(',')
16278      .map(function(part) {
16279        return part.trim();
16280      })
16281      .filter(function(part) {
16282        return part.length > 0;
16283      });
16284
16285    var visibleAddress = addressLines.join('<br>');
16286
16287    address.innerHTML =
16288      visibleAddress +
16289      "<br><a href='" + googleMapsLink + "' class='google-maps-link' target='_blank' rel='noopener'>Zu Google Maps</a>";
16290  });
16291});</script>
16291
16292                                
16292<script>document.addEventListener('DOMContentLoaded', function () {
16293  document.querySelectorAll('.fusion-page-title-bar').forEach(function (bar) {
16294    var bg = window.getComputedStyle(bar).backgroundImage;
16295
16296    if (bg && bg !== 'none' && bg.indexOf('url(') !== -1) {
16297      bar.classList.add('agb-masked-titlebar');
16298      document.body.classList.add('agb-has-masked-titlebar');
16299    }
16300  });
16301});</script>
16301<script id="dtgs_nonce_frontend-js" src="https://www.die-agb.de/wp-content/plugins/data-tables-generator-by-supsystic/app/assets/js/dtgsnonce.js?ver=0.01"></script>
vendor: 1 bytes, line 16301
16301
16302<script id="dtgs_nonce_frontend-js-after">
16303var DTGS_NONCE_FRONTEND = "444fc79b71"
16304//# sourceURL=dtgs_nonce_frontend-js-after
16305</script>
vendor: 1 bytes, line 16305
16305
16306<script id="wp-hooks-js" src="https://www.die-agb.de/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 16306
16306
16307<script id="wp-i18n-js" src="https://www.die-agb.de/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 16307
16307
16308<script id="wp-i18n-js-after">
16309wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
16310//# sourceURL=wp-i18n-js-after
16311</script>
vendor: 1 bytes, line 16311
16311
16312<script id="swv-js" src="https://www.die-agb.de/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.2.1"></script>
vendor: 1 bytes, line 16312
16312
16313<script id="contact-form-7-js-translations">
16314( function( domain, translations ) {
16315	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
16316	localeData[""].domain = domain;
16317	wp.i18n.setLocaleData( localeData, domain );
16318} )( "contact-form-7", {"translation-revision-date":"2026-09-12 02:13:12+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"de"},"This contact form is placed in the wrong place.":["Dieses Kontaktformular wurde an der falschen Stelle platziert."],"Error:":["Fehler:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
16319//# sourceURL=contact-form-7-js-translations
16320</script>
vendor: 1 bytes, line 16320
16320
16321<script id="contact-form-7-js-before">
16322var wpcf7 = {
16323    "api": {
16324        "root": "https:\/\/www.die-agb.de\/wp-json\/",
16325        "namespace": "contact-form-7\/v1"
16326    }
16327};
16328//# sourceURL=contact-form-7-js-before
16329</script>
vendor: 1 bytes, line 16329
16329
16330<script id="contact-form-7-js" src="https://www.die-agb.de/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.2.1"></script>
vendor: 1 bytes, line 16330
16330
16331<script id="wpem-calendar-tooltipster-script-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager-calendar/assets/js/tooltipster.bundle.min.js?ver=1.5.0"></script>
vendor: 1 bytes, line 16331
16331
16332<script id="jquery-tiptip-front-end-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/jquery-tiptip/jquery.tipTip.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 16332
16332
16333<script id="wp-event-manager-recurring-js-extra">
16334var wpemRecurringEvents = {"every_day":"Tag(e)","every_week":"Woche(n) am","every_month":"Monat(e) am","ofthe_month":"des Monats (der Monate)","every_year":"Jahr(e) am","i18n_datepicker_format":"dd.mm.yy","i18n_timepicker_format":"H:i","i18n_timepicker_step":"30","create_recurr_string":"Sind Sie sicher, dass Sie alle Vorkommen des ausgew\u00e4hlten Ereignisses erstellen?","delete_confirm_string":"Sind Sie sicher, dass Sie alle wiederkehrenden Ereignisse l\u00f6schen?","ajax_url":"https://www.die-agb.de/wp-admin/admin-ajax.php","nonce":"472ea15dc6"};
16335//# sourceURL=wp-event-manager-recurring-js-extra
16336</script>
vendor: 1 bytes, line 16336
16336
16337<script id="wp-event-manager-recurring-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager-recurring-events/assets/js/event-recurring.min.js?ver=1.5.0"></script>
vendor: 1 bytes, line 16337
16337
16338<script id="wpem-dompurify-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/dom-purify/dompurify.min.js?ver=3.0.5"></script>
vendor: 1 bytes, line 16338
16338
16339<script id="chosen-js-extra">
16340var wpem_chosen = {"multiple_text":"Bitte w\u00e4hlen Sie eine der Optionen","single_text":"Select an Option","no_result_text":"Keine passenden Ergebnisse"};
16341//# sourceURL=chosen-js-extra
16342</script>
vendor: 1 bytes, line 16342
16342
16343<script id="chosen-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/jquery-chosen/chosen.jquery.min.js?ver=1.1.0"></script>
vendor: 1 bytes, line 16343
16343
16344<script id="jquery-ui-core-js-before">
16345jQuery.uiBackCompat = true;
16346//# sourceURL=jquery-ui-core-js-before
16347</script>
vendor: 1 bytes, line 16347
16347
16348<script id="jquery-ui-core-js" src="https://www.die-agb.de/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 16348
16348
16349<script id="wp-event-manager-jquery-timepicker-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/jquery-timepicker/jquery.timepicker.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 16349
16349
16350<script id="wpem-registration-event-submission-js-extra">
16351var wpem_event_submission = {"ajaxUrl":"https://www.die-agb.de/wp-admin/admin-ajax.php"};
16352//# sourceURL=wpem-registration-event-submission-js-extra
16353</script>
vendor: 1 bytes, line 16353
16353
16354<script id="wpem-registration-event-submission-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager-registrations/assets/js/registration-event-submission.min.js?ver=1.6.24"></script>
vendor: 1 bytes, line 16354
16354
16355<script id="wp-event-manager-registration-checkin-js-extra">
16356var event_registration_checkin = {"ajaxUrl":"/em-ajax/%%endpoint%%/"};
16357//# sourceURL=wp-event-manager-registration-checkin-js-extra
16358</script>
vendor: 1 bytes, line 16358
16358
16359<script id="wp-event-manager-registration-checkin-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager-registrations/assets/js/registration-checkin.min.js?ver=1.6.24"></script>
vendor: 1 bytes, line 16359
16359
16360<script id="google-charts-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager-registrations/assets/js/google-charts.min.js?ver=1.6.24"></script>
vendor: 1 bytes, line 16360
16360
16361<script id="wpem-registration-frontend-js-extra">
16362var wpem_registrations_frontend = {"approveTooltip":"Add attendee to the matchmaking list","declineTooltip":"Remove attendee from the matchmaking list","ajaxUrl":"https://www.die-agb.de/wp-admin/admin-ajax.php","nonce":"2101a285a4"};
16363//# sourceURL=wpem-registration-frontend-js-extra
16364</script>
vendor: 1 bytes, line 16364
16364
16365<script id="wpem-registration-frontend-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager-registrations/assets/js/registration-frontend.min.js?ver=1.6.24"></script>
vendor: 1 bytes, line 16365
16365
16366<script id="jquery-ui-datepicker-js" src="https://www.die-agb.de/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 16366
16366
16367<script id="jquery-ui-datepicker-js-after">
16368jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Schlie\u00dfen","currentText":"Heute","monthNames":["Januar","Februar","M\u00e4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"monthNamesShort":["Jan.","Feb.","M\u00e4rz","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],"nextText":"N\u00e4chster","prevText":"Vorheriger","dayNames":["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],"dayNamesShort":["So.","Mo.","Di.","Mi.","Do.","Fr.","Sa."],"dayNamesMin":["S","M","D","M","D","F","S"],"dateFormat":"d. MM yy","firstDay":1,"isRTL":false});});
16369//# sourceURL=jquery-ui-datepicker-js-after
16370</script>
vendor: 1 bytes, line 16370
16370
16371<script id="dompurify-js" src="https://www.die-agb.de/wp-content/plugins/wp-event-manager/assets/js/dom-purify/dompurify.min.js?ver=1.6.24"></script>
vendor: 1 bytes, line 16371
16371
16372<script id="fusion-scripts-js" src="https://www.die-agb.de/wp-content/uploads/fusion-scripts/bda7e22d89ea3c107d014564c8b3da61.min.js?ver=3.15.5"></script>
16372
16373    <style>
16374        /* =========================================================
16375           AGB – Form 12 Kindertheater v5
16376           ========================================================= */
16377
16378        #agb-ff-modal form.fluent_form_12,
16379        #agb-ff-modal form[data-form_id="12"] {
16380            --agb-ui-accent: #3eb7ab;
16381            --agb-ui-accent-rgb: 62, 183, 171;
16382            --agb-ui-text: #24313a;
16383            --agb-ui-muted: #7a8790;
16384            --agb-ui-border: #d5e4e2;
16385            --agb-ui-border-focus: #3eb7ab;
16386            --agb-ui-field-bg: #ffffff;
16387            --agb-ui-field-radius: 11px;
16388            --agb-ui-field-gap: 14px;
16389            --agb-ui-field-col-gap: 20px;
16390        }
16391
16392        /* Form 12 in das gleiche moderne UI wie 9/10/11 holen */
16393        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .ff-t-container,
16394        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .ff-t-container {
16395            gap: var(--agb-ui-field-gap) var(--agb-ui-field-col-gap) !important;
16396            row-gap: var(--agb-ui-field-gap) !important;
16397            column-gap: var(--agb-ui-field-col-gap) !important;
16398            margin-top: 0 !important;
16399            margin-bottom: var(--agb-ui-field-gap) !important;
16400        }
16401
16402        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field,
16403        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field {
16404            position: relative !important;
16405            margin-top: 0 !important;
16406            margin-bottom: var(--agb-ui-field-gap) !important;
16407        }
16408
16409        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .ff-t-container .agb-ui-floating-field,
16410        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .ff-t-container .agb-ui-floating-field {
16411            margin-top: 0 !important;
16412            margin-bottom: 0 !important;
16413        }
16414
16415        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field .ff-el-input--label,
16416        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field .ff-el-input--label {
16417            position: absolute !important;
16418            top: 0 !important;
16419            left: 0 !important;
16420            right: 0 !important;
16421            z-index: 3 !important;
16422            margin: 0 !important;
16423            padding: 0 !important;
16424            pointer-events: none !important;
16425        }
16426
16427        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field .ff-el-input--label label,
16428        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field label.ff-el-form-label,
16429        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field .ff-el-input--label label,
16430        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field label.ff-el-form-label {
16431            position: absolute !important;
16432            left: 13px !important;
16433            top: 13px !important;
16434            max-width: calc(100% - 26px) !important;
16435            margin: 0 !important;
16436            padding: 0 4px !important;
16437            color: var(--agb-ui-muted) !important;
16438            background: transparent !important;
16439            font-size: 14px !important;
16440            line-height: 1.2 !important;
16441            font-weight: 600 !important;
16442            white-space: nowrap !important;
16443            overflow: hidden !important;
16444            text-overflow: ellipsis !important;
16445            transform-origin: left top !important;
16446            transition: top .16s ease, font-size .16s ease, color .16s ease !important;
16447            pointer-events: none !important;
16448        }
16449
16450        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused .ff-el-input--label label,
16451        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-filled .ff-el-input--label label,
16452        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-select .ff-el-input--label label,
16453        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused label.ff-el-form-label,
16454        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-filled label.ff-el-form-label,
16455        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-select label.ff-el-form-label,
16456        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused .ff-el-input--label label,
16457        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-filled .ff-el-input--label label,
16458        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-select .ff-el-input--label label,
16459        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused label.ff-el-form-label,
16460        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-filled label.ff-el-form-label,
16461        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-select label.ff-el-form-label {
16462            top: 4px !important;
16463            color: var(--agb-ui-accent) !important;
16464            font-size: 11px !important;
16465        }
16466
16467        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
16468        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field textarea,
16469        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field select,
16470        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
16471        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field textarea,
16472        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field select {
16473            min-height: 50px !important;
16474            border: 1.5px solid var(--agb-ui-border) !important;
16475            border-radius: var(--agb-ui-field-radius) !important;
16476            background-color: var(--agb-ui-field-bg) !important;
16477            color: var(--agb-ui-text) !important;
16478            font-size: 15px !important;
16479            line-height: 1.35 !important;
16480            box-shadow: none !important;
16481            transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
16482        }
16483
16484        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
16485        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field select,
16486        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
16487        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field select {
16488            height: 50px !important;
16489            padding: 18px 12px 7px 15px !important;
16490        }
16491
16492        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field textarea,
16493        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field textarea {
16494            min-height: 74px !important;
16495            padding: 20px 12px 9px 15px !important;
16496            resize: vertical !important;
16497        }
16498
16499        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
16500        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused textarea,
16501        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused select,
16502        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
16503        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused textarea,
16504        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field.agb-ui-is-focused select {
16505            border-color: var(--agb-ui-border-focus) !important;
16506            box-shadow: 0 0 0 3px rgba(var(--agb-ui-accent-rgb), .16) !important;
16507            outline: none !important;
16508        }
16509
16510        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field input::placeholder,
16511        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .agb-ui-floating-field textarea::placeholder,
16512        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field input::placeholder,
16513        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .agb-ui-floating-field textarea::placeholder {
16514            color: transparent !important;
16515        }
16516
16517        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .text-danger,
16518        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .ff_required,
16519        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui .ff_required_mark,
16520        #agb-ff-modal form.fluent_form_12.agb-modern-form-ui sup,
16521        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .text-danger,
16522        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .ff_required,
16523        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui .ff_required_mark,
16524        #agb-ff-modal form[data-form_id="12"].agb-modern-form-ui sup {
16525            display: none !important;
16526        }
16527
16528        /* Originale Zahlenfelder verstecken */
16529        #agb-ff-modal form.fluent_form_12 .agb-form12-quantity-group > .ff-el-input--label,
16530        #agb-ff-modal form.fluent_form_12 .agb-form12-quantity-group > .ff-el-input--content,
16531        #agb-ff-modal form[data-form_id="12"] .agb-form12-quantity-group > .ff-el-input--label,
16532        #agb-ff-modal form[data-form_id="12"] .agb-form12-quantity-group > .ff-el-input--content {
16533            display: none !important;
16534        }
16535
16536        #agb-ff-modal form.fluent_form_12 .agb-form12-hidden-total,
16537        #agb-ff-modal form[data-form_id="12"] .agb-form12-hidden-total {
16538            display: none !important;
16539        }
16540
16541        /* Container mit Erwachsenen/Kinder wie Form 10 */
16542        #agb-ff-modal form.fluent_form_12 .agb-form12-quantity-container,
16543        #agb-ff-modal form[data-form_id="12"] .agb-form12-quantity-container {
16544            display: grid !important;
16545            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
16546            gap: 10px 12px !important;
16547            width: 100% !important;
16548            max-width: 100% !important;
16549            margin: 12px 0 10px 0 !important;
16550            padding: 0 !important;
16551            box-sizing: border-box !important;
16552            clear: both;
16553        }
16554
16555        #agb-ff-modal form.fluent_form_12 .agb-form12-quantity-container > .ff-t-cell,
16556        #agb-ff-modal form[data-form_id="12"] .agb-form12-quantity-container > .ff-t-cell {
16557            width: auto !important;
16558            max-width: none !important;
16559            min-width: 0 !important;
16560            padding: 0 !important;
16561        }
16562
16563        #agb-ff-modal form.fluent_form_12 .agb-form12-quantity-group,
16564        #agb-ff-modal form[data-form_id="12"] .agb-form12-quantity-group {
16565            margin: 0 !important;
16566            min-width: 0 !important;
16567        }
16568
16569        #agb-ff-modal form.fluent_form_12 .agb-form12-stepper,
16570        #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper {
16571            display: flex;
16572            align-items: center;
16573            justify-content: space-between;
16574            gap: 12px;
16575            width: 100%;
16576            min-height: 58px;
16577            padding: 10px 10px 10px 13px;
16578            border-radius: 12px;
16579            background: #F6FBFA;
16580            box-sizing: border-box;
16581        }
16582
16583        #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-title,
16584        #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-title {
16585            color: #25323a;
16586            font-size: 13.5px;
16587            line-height: 1.15;
16588            font-weight: 800;
16589            overflow-wrap: anywhere;
16590        }
16591
16592        #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-meta,
16593        #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-meta {
16594            margin-top: 2px;
16595            color: #6f7d85;
16596            font-size: 12px;
16597            line-height: 1.2;
16598            font-weight: 600;
16599        }
16600
16601        #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-controls,
16602        #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-controls {
16603            display: inline-flex;
16604            align-items: center;
16605            justify-content: center;
16606            gap: 4px;
16607            flex: 0 0 auto;
16608            padding: 3px;
16609            border-radius: 10px;
16610            background: rgba(255, 255, 255, 0.82);
16611            box-shadow: inset 0 0 0 1px rgba(46, 70, 78, 0.06);
16612        }
16613
16614        #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-btn,
16615        #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-btn {
16616            width: 30px;
16617            height: 30px;
16618            border: 0 !important;
16619            border-radius: 8px;
16620            background: transparent;
16621            color: #2f9f95;
16622            font-size: 20px;
16623            line-height: 1;
16624            font-weight: 800;
16625            cursor: pointer;
16626            display: inline-flex;
16627            align-items: center;
16628            justify-content: center;
16629            padding: 0;
16630            box-shadow: none !important;
16631        }
16632
16633        #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-btn:disabled,
16634        #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-btn:disabled {
16635            opacity: .42;
16636            cursor: not-allowed;
16637        }
16638
16639        #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-value,
16640        #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-value {
16641            min-width: 28px;
16642            height: 30px;
16643            display: inline-flex;
16644            align-items: center;
16645            justify-content: center;
16646            color: #25323a;
16647            font-size: 16px;
16648            line-height: 1;
16649            font-weight: 800;
16650        }
16651
16652        /* Kinderbereich nach oben */
16653        #agb-ff-modal form.fluent_form_12 .agb-form12-original-child-container,
16654        #agb-ff-modal form[data-form_id="12"] .agb-form12-original-child-container {
16655            display: none !important;
16656        }
16657
16658        #agb-ff-modal form.fluent_form_12 .agb-form12-children-wrap,
16659        #agb-ff-modal form[data-form_id="12"] .agb-form12-children-wrap {
16660            margin: 2px 0 12px 0;
16661        }
16662
16663        #agb-ff-modal form.fluent_form_12 .agb-form12-children-heading,
16664        #agb-ff-modal form[data-form_id="12"] .agb-form12-children-heading {
16665            margin: 0 0 6px 0;
16666            color: #2f9f95;
16667            font-size: 11.5px;
16668            line-height: 1.25;
16669            font-weight: 700;
16670        }
16671
16672        #agb-ff-modal form.fluent_form_12 .agb-form12-child-row,
16673        #agb-ff-modal form[data-form_id="12"] .agb-form12-child-row {
16674            margin: 0 0 10px 0;
16675            padding: 12px 13px 13px 13px;
16676            border-radius: 12px;
16677            background: #F6FBFA;
16678            box-sizing: border-box;
16679        }
16680
16681        #agb-ff-modal form.fluent_form_12 .agb-form12-child-row-title,
16682        #agb-ff-modal form[data-form_id="12"] .agb-form12-child-row-title {
16683            margin: 0 0 10px 0;
16684            padding-bottom: 8px;
16685            border-bottom: 1px solid rgba(36, 49, 58, .12);
16686            color: #25323a;
16687            font-size: 13.5px;
16688            line-height: 1.25;
16689            font-weight: 800;
16690        }
16691
16692        #agb-ff-modal form.fluent_form_12 .agb-form12-child-row-inner,
16693        #agb-ff-modal form[data-form_id="12"] .agb-form12-child-row-inner {
16694            display: grid;
16695            grid-template-columns: minmax(0, 1fr) auto;
16696            column-gap: 12px;
16697            align-items: end;
16698        }
16699
16700        #agb-ff-modal form.fluent_form_12 .agb-form12-child-row .ff-el-group,
16701        #agb-ff-modal form[data-form_id="12"] .agb-form12-child-row .ff-el-group {
16702            margin: 0 !important;
16703            min-width: 0 !important;
16704        }
16705
16706        /* Alter-Segmented wie Form 11 */
16707        #agb-ff-modal form.fluent_form_12 .agb-form12-age-field .ff-el-input--label,
16708        #agb-ff-modal form[data-form_id="12"] .agb-form12-age-field .ff-el-input--label {
16709            position: static !important;
16710            display: block !important;
16711            margin: 0 0 5px 0 !important;
16712            padding: 0 !important;
16713            pointer-events: auto !important;
16714        }
16715
16716        #agb-ff-modal form.fluent_form_12 .agb-form12-age-field .ff-el-input--label label,
16717        #agb-ff-modal form[data-form_id="12"] .agb-form12-age-field .ff-el-input--label label {
16718            position: static !important;
16719            display: block !important;
16720            margin: 0 !important;
16721            padding: 0 !important;
16722            color: #2f9f95 !important;
16723            font-size: 11.5px !important;
16724            line-height: 1.25 !important;
16725            font-weight: 700 !important;
16726            background: transparent !important;
16727            transform: none !important;
16728        }
16729
16730        #agb-ff-modal form.fluent_form_12 select.agb-form12-age-original,
16731        #agb-ff-modal form[data-form_id="12"] select.agb-form12-age-original {
16732            position: absolute !important;
16733            left: 0 !important;
16734            top: 0 !important;
16735            width: 1px !important;
16736            height: 1px !important;
16737            min-height: 1px !important;
16738            opacity: 0 !important;
16739            pointer-events: none !important;
16740            margin: 0 !important;
16741            padding: 0 !important;
16742            border: 0 !important;
16743        }
16744
16745        #agb-ff-modal form.fluent_form_12 .agb-form12-age-control,
16746        #agb-ff-modal form[data-form_id="12"] .agb-form12-age-control {
16747            display: inline-flex !important;
16748            align-items: center !important;
16749            flex-wrap: wrap !important;
16750            gap: 3px !important;
16751            width: auto !important;
16752            max-width: 100% !important;
16753            padding: 3px !important;
16754            border: 0 !important;
16755            border-radius: 11px !important;
16756            background: #F6FBFA !important;
16757            box-shadow: none !important;
16758        }
16759
16760        #agb-ff-modal form.fluent_form_12 .agb-form12-age-option,
16761        #agb-ff-modal form[data-form_id="12"] .agb-form12-age-option {
16762            appearance: none !important;
16763            display: inline-flex !important;
16764            align-items: center !important;
16765            justify-content: center !important;
16766            position: relative !important;
16767            z-index: 0 !important;
16768            border: 0 !important;
16769            background: transparent !important;
16770            color: #5c6b72 !important;
16771            border-radius: 8px !important;
16772            min-height: 28px !important;
16773            padding: 4px 10px !important;
16774            font-size: 12px !important;
16775            line-height: 1 !important;
16776            font-weight: 700 !important;
16777            cursor: pointer !important;
16778            box-shadow: none !important;
16779            white-space: nowrap !important;
16780        }
16781
16782        #agb-ff-modal form.fluent_form_12 .agb-form12-age-option::before,
16783        #agb-ff-modal form[data-form_id="12"] .agb-form12-age-option::before {
16784            content: '' !important;
16785            position: absolute !important;
16786            z-index: -1 !important;
16787            inset: 2px !important;
16788            border-radius: 6px !important;
16789            background: transparent !important;
16790            box-shadow: none !important;
16791        }
16792
16793        #agb-ff-modal form.fluent_form_12 .agb-form12-age-option.is-active,
16794        #agb-ff-modal form[data-form_id="12"] .agb-form12-age-option.is-active {
16795            color: #177f78 !important;
16796        }
16797
16798        #agb-ff-modal form.fluent_form_12 .agb-form12-age-option.is-active::before,
16799        #agb-ff-modal form[data-form_id="12"] .agb-form12-age-option.is-active::before {
16800            background: #ffffff !important;
16801            box-shadow: 0 1px 2px rgba(36, 49, 58, .10), 0 4px 10px rgba(36, 49, 58, .06) !important;
16802        }
16803
16804        /* Summary wie Form 10 */
16805        #agb-ff-modal form.fluent_form_12 .agb-form12-summary-card,
16806        #agb-ff-modal form[data-form_id="12"] .agb-form12-summary-card {
16807            margin: 2px 0 16px 0;
16808            padding: 14px 16px;
16809            border-radius: 14px;
16810            background: #F6FBFA;
16811            box-sizing: border-box;
16812        }
16813
16814        #agb-ff-modal form.fluent_form_12 .agb-form12-summary-title,
16815        #agb-ff-modal form[data-form_id="12"] .agb-form12-summary-title {
16816            margin-bottom: 8px;
16817            color: #25323a;
16818            font-size: 15px;
16819            line-height: 1.25;
16820            font-weight: 800;
16821        }
16822
16823        #agb-ff-modal form.fluent_form_12 .agb-form12-summary-main,
16824        #agb-ff-modal form[data-form_id="12"] .agb-form12-summary-main {
16825            display: flex;
16826            align-items: center;
16827            justify-content: space-between;
16828            gap: 12px;
16829            color: #25323a;
16830            font-size: 15px;
16831            line-height: 1.25;
16832        }
16833
16834        #agb-ff-modal form.fluent_form_12 .agb-form12-summary-main strong,
16835        #agb-ff-modal form[data-form_id="12"] .agb-form12-summary-main strong {
16836            font-size: 18px;
16837            font-weight: 900;
16838        }
16839
16840        #agb-ff-modal form.fluent_form_12 .agb-form12-summary-note,
16841        #agb-ff-modal form[data-form_id="12"] .agb-form12-summary-note {
16842            margin-top: 7px;
16843            color: #6f7d85;
16844            font-size: 12.5px;
16845            line-height: 1.35;
16846            font-weight: 600;
16847        }
16848
16849        #agb-ff-modal form.fluent_form_12 .agb-form12-limit,
16850        #agb-ff-modal form[data-form_id="12"] .agb-form12-limit {
16851            margin-top: 8px;
16852            color: #4f3a16;
16853            font-size: 12.5px;
16854            line-height: 1.35;
16855            font-weight: 700;
16856            display: none;
16857        }
16858
16859        /* Neue Checkbox normal, eingerückt wie die anderen */
16860        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy,
16861        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy {
16862            margin-top: 2px !important;
16863            margin-bottom: 8px !important;
16864        }
16865
16866        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check,
16867        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check {
16868            display: flex !important;
16869            align-items: flex-start !important;
16870            gap: 8px !important;
16871        }
16872
16873        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy input[type="checkbox"],
16874        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy input[type="checkbox"] {
16875            flex: 0 0 auto !important;
16876            margin-top: 3px !important;
16877        }
16878
16879        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label,
16880        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label {
16881            display: inline !important;
16882            color: #40515a !important;
16883            font-size: 13px !important;
16884            line-height: 1.45 !important;
16885            font-weight: 400 !important;
16886            margin: 0 !important;
16887        }
16888
16889        /* Submit wie Modern UI */
16890        #agb-ff-modal form.fluent_form_12 .ff_submit_btn_wrapper,
16891        #agb-ff-modal form[data-form_id="12"] .ff_submit_btn_wrapper {
16892            position: static !important;
16893            margin: 18px 0 0 0 !important;
16894            padding: 0 0 4px 0 !important;
16895            background: transparent !important;
16896        }
16897
16898        #agb-ff-modal form.fluent_form_12 button[type="submit"],
16899        #agb-ff-modal form.fluent_form_12 input[type="submit"],
16900        #agb-ff-modal form[data-form_id="12"] button[type="submit"],
16901        #agb-ff-modal form[data-form_id="12"] input[type="submit"] {
16902            display: block !important;
16903            width: 100% !important;
16904            min-height: 52px !important;
16905            border-radius: 14px !important;
16906            font-size: 15px !important;
16907            font-weight: 800 !important;
16908            text-align: center !important;
16909            box-shadow: 0 10px 22px rgba(var(--agb-ui-accent-rgb), .20) !important;
16910        }
16911
16912
16913        /* v6: Desktop Kontaktabstand wie andere Formulare */
16914        @media (min-width: 701px) {
16915            #agb-ff-modal form.fluent_form_12 .ff-t-container:first-of-type,
16916            #agb-ff-modal form[data-form_id="12"] .ff-t-container:first-of-type {
16917                margin-bottom: 14px !important;
16918            }
16919
16920            #agb-ff-modal form.fluent_form_12 .fr-email-fon-box,
16921            #agb-ff-modal form[data-form_id="12"] .fr-email-fon-box {
16922                margin-top: 0 !important;
16923            }
16924
16925            #agb-ff-modal form.fluent_form_12 .agb-form12-stepper,
16926            #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper {
16927                gap: 8px !important;
16928                padding: 10px 8px 10px 12px !important;
16929            }
16930
16931            #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-controls,
16932            #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-controls {
16933                gap: 2px !important;
16934                padding: 2px !important;
16935                border-radius: 9px !important;
16936            }
16937
16938            #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-btn,
16939            #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-btn {
16940                width: 26px !important;
16941                height: 26px !important;
16942                font-size: 18px !important;
16943                border-radius: 7px !important;
16944            }
16945
16946            #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-value,
16947            #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-value {
16948                min-width: 24px !important;
16949                height: 26px !important;
16950                font-size: 15px !important;
16951            }
16952        }
16953
16954        /* v6: Zusammenfassung Zahl + Personen gleicher Font */
16955        #agb-ff-modal form.fluent_form_12 .agb-form12-summary-main,
16956        #agb-ff-modal form[data-form_id="12"] .agb-form12-summary-main {
16957            font-size: 18px !important;
16958            font-weight: 900 !important;
16959        }
16960
16961        #agb-ff-modal form.fluent_form_12 .agb-form12-summary-main span,
16962        #agb-ff-modal form[data-form_id="12"] .agb-form12-summary-main span {
16963            font-size: 18px !important;
16964            font-weight: 900 !important;
16965            color: #25323a !important;
16966        }
16967
16968        /* v6: Abstand unter Anmerkungen bis Checkbox */
16969        #agb-ff-modal form.fluent_form_12 .fr-anmerkung-box .ff-el-group:has(textarea[name="description"]),
16970        #agb-ff-modal form[data-form_id="12"] .fr-anmerkung-box .ff-el-group:has(textarea[name="description"]),
16971        #agb-ff-modal form.fluent_form_12 .agb-form12-description-gap,
16972        #agb-ff-modal form[data-form_id="12"] .agb-form12-description-gap {
16973            margin-bottom: 16px !important;
16974        }
16975
16976        /* v6: Checkbox Abstand/Einrückung wie andere Checkboxen */
16977        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check,
16978        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check {
16979            display: grid !important;
16980            grid-template-columns: 18px minmax(0, 1fr) !important;
16981            column-gap: 9px !important;
16982            align-items: start !important;
16983        }
16984
16985        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy input[type="checkbox"],
16986        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy input[type="checkbox"] {
16987            grid-column: 1 !important;
16988            margin: 2px 0 0 0 !important;
16989        }
16990
16991        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label,
16992        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label {
16993            grid-column: 2 !important;
16994            display: block !important;
16995            padding: 0 !important;
16996            margin: 0 !important;
16997        }
16998
16999        @media (max-width: 700px) {
17000            #agb-ff-modal form.fluent_form_12 .ff-t-container,
17001            #agb-ff-modal form[data-form_id="12"] .ff-t-container {
17002                row-gap: 8px !important;
17003                margin-bottom: 8px !important;
17004            }
17005
17006            #agb-ff-modal form.fluent_form_12 .agb-ui-floating-field,
17007            #agb-ff-modal form[data-form_id="12"] .agb-ui-floating-field {
17008                margin-bottom: 8px !important;
17009            }
17010
17011            #agb-ff-modal form.fluent_form_12 .agb-form12-quantity-container,
17012            #agb-ff-modal form[data-form_id="12"] .agb-form12-quantity-container {
17013                grid-template-columns: 1fr !important;
17014                gap: 8px !important;
17015                margin: 10px 0 10px 0 !important;
17016            }
17017
17018            #agb-ff-modal form.fluent_form_12 .agb-form12-stepper,
17019            #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper {
17020                width: 100% !important;
17021                min-height: 58px;
17022                padding: 10px 9px 10px 12px;
17023            }
17024
17025            #agb-ff-modal form.fluent_form_12 .agb-form12-stepper-title,
17026            #agb-ff-modal form[data-form_id="12"] .agb-form12-stepper-title {
17027                font-size: 13px;
17028            }
17029
17030            #agb-ff-modal form.fluent_form_12 .agb-form12-child-row-inner,
17031            #agb-ff-modal form[data-form_id="12"] .agb-form12-child-row-inner {
17032                grid-template-columns: 1fr;
17033                row-gap: 10px;
17034            }
17035
17036            #agb-ff-modal form.fluent_form_12 .agb-form12-age-control,
17037            #agb-ff-modal form[data-form_id="12"] .agb-form12-age-control {
17038                display: flex !important;
17039                width: 100% !important;
17040                gap: 4px !important;
17041            }
17042
17043            #agb-ff-modal form.fluent_form_12 .agb-form12-age-option,
17044            #agb-ff-modal form[data-form_id="12"] .agb-form12-age-option {
17045                min-height: 34px !important;
17046                padding: 6px 11px !important;
17047                font-size: 13px !important;
17048                flex: 1 1 auto !important;
17049            }
17050        }
17051
17052        /* v7: Kontaktfeld-Abstände hart korrigieren */
17053        @media (min-width: 701px) {
17054            #agb-ff-modal form.fluent_form_12 > .ff-t-container:first-of-type,
17055            #agb-ff-modal form[data-form_id="12"] > .ff-t-container:first-of-type {
17056                margin-bottom: 8px !important;
17057            }
17058
17059            #agb-ff-modal form.fluent_form_12 > .fr-email-fon-box,
17060            #agb-ff-modal form[data-form_id="12"] > .fr-email-fon-box {
17061                margin-top: 0 !important;
17062                margin-bottom: 12px !important;
17063            }
17064
17065            #agb-ff-modal form.fluent_form_12 > .ff-t-container:first-of-type .agb-ui-floating-field,
17066            #agb-ff-modal form.fluent_form_12 > .fr-email-fon-box .agb-ui-floating-field,
17067            #agb-ff-modal form[data-form_id="12"] > .ff-t-container:first-of-type .agb-ui-floating-field,
17068            #agb-ff-modal form[data-form_id="12"] > .fr-email-fon-box .agb-ui-floating-field {
17069                margin-bottom: 0 !important;
17070            }
17071        }
17072
17073        @media (max-width: 700px) {
17074            #agb-ff-modal form.fluent_form_12 > .ff-t-container:first-of-type,
17075            #agb-ff-modal form.fluent_form_12 > .fr-email-fon-box,
17076            #agb-ff-modal form[data-form_id="12"] > .ff-t-container:first-of-type,
17077            #agb-ff-modal form[data-form_id="12"] > .fr-email-fon-box {
17078                display: block !important;
17079                margin-top: 0 !important;
17080                margin-bottom: 0 !important;
17081            }
17082
17083            #agb-ff-modal form.fluent_form_12 > .ff-t-container:first-of-type > .ff-t-cell,
17084            #agb-ff-modal form.fluent_form_12 > .fr-email-fon-box > .ff-t-cell,
17085            #agb-ff-modal form[data-form_id="12"] > .ff-t-container:first-of-type > .ff-t-cell,
17086            #agb-ff-modal form[data-form_id="12"] > .fr-email-fon-box > .ff-t-cell {
17087                display: block !important;
17088                width: 100% !important;
17089                max-width: 100% !important;
17090                padding: 0 !important;
17091                margin: 0 !important;
17092            }
17093
17094            #agb-ff-modal form.fluent_form_12 > .ff-t-container:first-of-type .agb-ui-floating-field,
17095            #agb-ff-modal form.fluent_form_12 > .fr-email-fon-box .agb-ui-floating-field,
17096            #agb-ff-modal form[data-form_id="12"] > .ff-t-container:first-of-type .agb-ui-floating-field,
17097            #agb-ff-modal form[data-form_id="12"] > .fr-email-fon-box .agb-ui-floating-field {
17098                margin-bottom: 12px !important;
17099            }
17100
17101            #agb-ff-modal form.fluent_form_12 > .fr-email-fon-box,
17102            #agb-ff-modal form[data-form_id="12"] > .fr-email-fon-box {
17103                margin-bottom: 4px !important;
17104            }
17105        }
17106
17107        /* v7: Aufsicht-Checkbox wirklich wie die anderen Checkboxen */
17108        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check,
17109        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check {
17110            display: block !important;
17111            margin: 0 !important;
17112            padding: 0 !important;
17113        }
17114
17115        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label,
17116        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label {
17117            display: grid !important;
17118            grid-template-columns: 14px minmax(0, 1fr) !important;
17119            column-gap: 6px !important;
17120            align-items: start !important;
17121            margin: 0 !important;
17122            padding: 0 !important;
17123            color: #40515a !important;
17124            font-size: 13px !important;
17125            line-height: 1.45 !important;
17126            font-weight: 400 !important;
17127        }
17128
17129        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"],
17130        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"] {
17131            grid-column: 1 !important;
17132            width: 13px !important;
17133            height: 13px !important;
17134            margin: 2px 0 0 0 !important;
17135            padding: 0 !important;
17136        }
17137
17138        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .agb-form12-supervision-text,
17139        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .agb-form12-supervision-text {
17140            grid-column: 2 !important;
17141            display: block !important;
17142            min-width: 0 !important;
17143        }
17144
17145
17146        /* =========================================================
17147           v8 – harte Korrektur für echte HTML-Struktur Form 12
17148           ff_cn_id_1 = äußerer 1-Spalten-Container,
17149           darin liegt nochmal die echte Vorname/Nachname-2-Spalten-Struktur.
17150           ========================================================= */
17151
17152        /* Desktop: Name-Zeile -> E-Mail/Telefon Abstand */
17153        @media (min-width: 701px) {
17154            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_1"],
17155            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_1"] {
17156                margin-bottom: 8px !important;
17157                padding-bottom: 0 !important;
17158            }
17159
17160            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_1"] > .ff-t-cell,
17161            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_1"] > .ff-t-cell {
17162                padding-bottom: 0 !important;
17163                margin-bottom: 0 !important;
17164            }
17165
17166            #agb-ff-modal form.fluent_form_12 [data-type="name-element"] > .ff-t-container,
17167            #agb-ff-modal form[data-form_id="12"] [data-type="name-element"] > .ff-t-container {
17168                margin-bottom: 0 !important;
17169                padding-bottom: 0 !important;
17170                row-gap: 0 !important;
17171                column-gap: 20px !important;
17172            }
17173
17174            #agb-ff-modal form.fluent_form_12 [data-type="name-element"] > .ff-t-container > .ff-t-cell,
17175            #agb-ff-modal form[data-form_id="12"] [data-type="name-element"] > .ff-t-container > .ff-t-cell {
17176                padding-bottom: 0 !important;
17177                margin-bottom: 0 !important;
17178            }
17179
17180            #agb-ff-modal form.fluent_form_12 [data-type="name-element"] .agb-ui-floating-field,
17181            #agb-ff-modal form[data-form_id="12"] [data-type="name-element"] .agb-ui-floating-field {
17182                margin-bottom: 0 !important;
17183            }
17184
17185            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_2"],
17186            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_2"] {
17187                margin-top: 0 !important;
17188                margin-bottom: 12px !important;
17189            }
17190
17191            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_2"] .agb-ui-floating-field,
17192            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_2"] .agb-ui-floating-field {
17193                margin-bottom: 0 !important;
17194            }
17195        }
17196
17197        /* Mobile: echte Namensstruktur und E-Mail/Telefon-Container hart stapeln */
17198        @media (max-width: 700px) {
17199            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_1"],
17200            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_2"],
17201            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_1"],
17202            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_2"] {
17203                display: block !important;
17204                margin-top: 0 !important;
17205                margin-bottom: 0 !important;
17206                padding: 0 !important;
17207            }
17208
17209            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_1"] > .ff-t-cell,
17210            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_2"] > .ff-t-cell,
17211            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_1"] > .ff-t-cell,
17212            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_2"] > .ff-t-cell {
17213                display: block !important;
17214                width: 100% !important;
17215                max-width: 100% !important;
17216                flex-basis: 100% !important;
17217                padding: 0 !important;
17218                margin: 0 !important;
17219            }
17220
17221            #agb-ff-modal form.fluent_form_12 [data-type="name-element"] > .ff-t-container,
17222            #agb-ff-modal form[data-form_id="12"] [data-type="name-element"] > .ff-t-container {
17223                display: block !important;
17224                margin: 0 !important;
17225                padding: 0 !important;
17226            }
17227
17228            #agb-ff-modal form.fluent_form_12 [data-type="name-element"] > .ff-t-container > .ff-t-cell,
17229            #agb-ff-modal form[data-form_id="12"] [data-type="name-element"] > .ff-t-container > .ff-t-cell {
17230                display: block !important;
17231                width: 100% !important;
17232                max-width: 100% !important;
17233                flex-basis: 100% !important;
17234                padding: 0 !important;
17235                margin: 0 0 12px 0 !important;
17236            }
17237
17238            #agb-ff-modal form.fluent_form_12 [data-type="name-element"] .agb-ui-floating-field,
17239            #agb-ff-modal form[data-form_id="12"] [data-type="name-element"] .agb-ui-floating-field {
17240                margin: 0 !important;
17241            }
17242
17243            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_2"] > .ff-t-cell,
17244            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_2"] > .ff-t-cell {
17245                margin: 0 0 12px 0 !important;
17246            }
17247
17248            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_2"] .agb-ui-floating-field,
17249            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_2"] .agb-ui-floating-field {
17250                margin: 0 !important;
17251            }
17252
17253            #agb-ff-modal form.fluent_form_12 [data-name="ff_cn_id_2"] > .ff-t-cell:last-child,
17254            #agb-ff-modal form[data-form_id="12"] [data-name="ff_cn_id_2"] > .ff-t-cell:last-child {
17255                margin-bottom: 10px !important;
17256            }
17257        }
17258
17259        /* v8: Aufsicht-Checkbox exakt wie die anderen Checkboxen ausrichten */
17260        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy,
17261        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy {
17262            margin: 0 0 8px 0 !important;
17263            padding: 0 !important;
17264        }
17265
17266        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-input--content,
17267        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-input--content {
17268            margin: 0 !important;
17269            padding: 0 !important;
17270        }
17271
17272        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check,
17273        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check {
17274            display: block !important;
17275            margin: 0 !important;
17276            padding: 0 !important;
17277        }
17278
17279        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label,
17280        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label {
17281            display: grid !important;
17282            grid-template-columns: 14px minmax(0, 1fr) !important;
17283            column-gap: 6px !important;
17284            align-items: start !important;
17285            width: 100% !important;
17286            margin: 0 !important;
17287            padding: 0 !important;
17288            color: #40515a !important;
17289            font-size: 13px !important;
17290            line-height: 1.45 !important;
17291            font-weight: 400 !important;
17292        }
17293
17294        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"],
17295        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"] {
17296            grid-column: 1 !important;
17297            width: 13px !important;
17298            height: 13px !important;
17299            margin: 2px 0 0 0 !important;
17300            padding: 0 !important;
17301            position: static !important;
17302        }
17303
17304        #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .agb-form12-supervision-text,
17305        #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .agb-form12-supervision-text {
17306            grid-column: 2 !important;
17307            display: block !important;
17308            min-width: 0 !important;
17309            margin: 0 !important;
17310            padding: 0 !important;
17311        }
17312
17313
17314        /* =========================================================
17315           v9 – Aufsicht-Checkbox Feinschliff
17316           Die erste Checkbox ist ein normales Checkbox-Feld.
17317           Terms/GDPR darunter haben anderes FluentForms-Markup.
17318           Deshalb hier optisch angleichen.
17319           ========================================================= */
17320
17321        @media (min-width: 701px) {
17322            #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"],
17323            #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"] {
17324                margin-top: 5px !important;
17325            }
17326        }
17327
17328        @media (max-width: 700px) {
17329            #agb-ff-modal form.fluent_form_12 .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"],
17330            #agb-ff-modal form[data-form_id="12"] .agb-form12-supervision-copy .ff-el-form-check-label input[type="checkbox"] {
17331                width: 12px !important;
17332                height: 12px !important;
17333                min-width: 12px !important;
17334                max-width: 12px !important;
17335                min-height: 12px !important;
17336                max-height: 12px !important;
17337                margin-top: 4px !important;
17338                transform: none !important;
17339                zoom: 1 !important;
17340            }
17341        }
17342
17343    </style>
17344
17345    
17345<script>
17346        (function () {
17347            'use strict';
17348
17349            var FORM_ID = '12';
17350            var PRICE_PER_PERSON = 2.5;
17351            var MIN_ADULTS = 1;
17352            var MIN_CHILDREN = 1;
17353            var MAX_ADULTS = 6;
17354            var MAX_CHILDREN = 6;
17355            var MAX_TOTAL = 7;
17356            var MAX_CHILD_FIELDS = 6;
17357            var FLOATABLE_SELECTOR = 'input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), textarea, select';
17358
17359            function ready(fn) {
17360                if (document.readyState !== 'loading') {
17361                    fn();
17362                } else {
17363                    document.addEventListener('DOMContentLoaded', fn);
17364                }
17365            }
17366
17367            function getForm() {
17368                return document.querySelector('#agb-ff-modal form.fluent_form_12, #agb-ff-modal form[data-form_id="' + FORM_ID + '"], form.fluent_form_12, form[data-form_id="' + FORM_ID + '"]');
17369            }
17370
17371            function field(form, name) {
17372                return form ? form.querySelector('[name="' + name + '"], [name="' + name + '[]"]') : null;
17373            }
17374
17375            function groupOf(el) {
17376                return el ? (el.closest('.ff-el-group') || el.parentElement) : null;
17377            }
17378
17379            function cleanLabelText(text) {
17380                return (text || '').replace(/\*/g, '').replace(/\(optional\)/gi, '').replace(/\s+/g, ' ').trim();
17381            }
17382
17383            function getMainField(group) {
17384                return group ? group.querySelector(FLOATABLE_SELECTOR) : null;
17385            }
17386
17387            function fieldHasValue(field) {
17388                return field && String(field.value || '').trim() !== '';
17389            }
17390
17391            function isRequiredField(field, group) {
17392                return !!(field && (field.required || field.getAttribute('aria-required') === 'true' || (group && group.querySelector('.text-danger, .ff_required, .ff_required_mark'))));
17393            }
17394
17395            function updateFloatingState(group) {
17396                var field = getMainField(group);
17397                if (!field) return;
17398
17399                group.classList.toggle('agb-ui-is-filled', fieldHasValue(field));
17400                group.classList.toggle('agb-ui-is-select', field.tagName && field.tagName.toLowerCase() === 'select');
17401                group.classList.toggle('agb-ui-is-empty', !fieldHasValue(field));
17402            }
17403
17404            function updateFloatingLabel(group) {
17405                var label = group ? group.querySelector('.ff-el-input--label label, label.ff-el-form-label') : null;
17406                var field = getMainField(group);
17407
17408                if (!label || !field) return;
17409
17410                if (!label.dataset.agbBaseLabel) {
17411                    label.dataset.agbBaseLabel = cleanLabelText(label.textContent);
17412                }
17413
17414                var base = label.dataset.agbBaseLabel || cleanLabelText(label.textContent);
17415                if (!base) return;
17416
17417                label.textContent = isRequiredField(field, group) ? base : base + ' (optional)';
17418            }
17419
17420            function prepareFloatingFields(form) {
17421                var fields = Array.prototype.slice.call(form.querySelectorAll(FLOATABLE_SELECTOR));
17422                var done = [];
17423
17424                fields.forEach(function (fieldEl) {
17425                    if (fieldEl.name === 'adults' || fieldEl.name === 'children' || fieldEl.name === 'total_persons' || fieldEl.name === 'total_price') return;
17426                    if (/^child_\d+_age$/.test(fieldEl.name || '')) return;
17427
17428                    var group = groupOf(fieldEl);
17429                    if (!group || done.indexOf(group) !== -1) return;
17430                    if (group.querySelector('input[type="checkbox"], input[type="radio"]')) return;
17431                    if (!group.querySelector('.ff-el-input--label label, label.ff-el-form-label')) return;
17432
17433                    done.push(group);
17434                    group.classList.add('agb-ui-floating-field');
17435
17436                    if (fieldEl.tagName && fieldEl.tagName.toLowerCase() === 'textarea') {
17437                        group.classList.add('agb-ui-floating-textarea');
17438                    }
17439
17440                    updateFloatingLabel(group);
17441                    updateFloatingState(group);
17442                });
17443            }
17444
17445            function bindFloatingEvents(form) {
17446                if (form.dataset.agbForm12FloatingEvents === '1') return;
17447                form.dataset.agbForm12FloatingEvents = '1';
17448
17449                form.addEventListener('focusin', function (event) {
17450                    var group = groupOf(event.target);
17451                    if (group && group.classList.contains('agb-ui-floating-field')) {
17452                        group.classList.add('agb-ui-is-focused');
17453                        updateFloatingState(group);
17454                    }
17455                }, true);
17456
17457                form.addEventListener('focusout', function (event) {
17458                    var group = groupOf(event.target);
17459                    if (group && group.classList.contains('agb-ui-floating-field')) {
17460                        group.classList.remove('agb-ui-is-focused');
17461                        updateFloatingState(group);
17462                        updateFloatingLabel(group);
17463                    }
17464                }, true);
17465
17466                form.addEventListener('input', function (event) {
17467                    var group = groupOf(event.target);
17468                    if (group && group.classList.contains('agb-ui-floating-field')) {
17469                        updateFloatingState(group);
17470                    }
17471                }, true);
17472
17473                form.addEventListener('change', function (event) {
17474                    var group = groupOf(event.target);
17475                    if (group && group.classList.contains('agb-ui-floating-field')) {
17476                        updateFloatingState(group);
17477                        updateFloatingLabel(group);
17478                    }
17479                }, true);
17480            }
17481
17482            function toInt(value, fallback) {
17483                var n = parseInt(value, 10);
17484                return isNaN(n) ? fallback : n;
17485            }
17486
17487            function clamp(n, min, max) {
17488                return Math.max(min, Math.min(max, n));
17489            }
17490
17491            function formatEuro(n) {
17492                return n.toLocaleString('de-DE', {
17493                    minimumFractionDigits: 2,
17494                    maximumFractionDigits: 2
17495                }) + ' €';
17496            }
17497
17498            function dispatchChange(el) {
17499                if (!el) return;
17500                el.dispatchEvent(new Event('input', { bubbles: true }));
17501                el.dispatchEvent(new Event('change', { bubbles: true }));
17502            }
17503
17504            function getQuantityContainer(form) {
17505                var adults = field(form, 'adults');
17506                var group = groupOf(adults);
17507                return group ? group.closest('.ff-t-container') : null;
17508            }
17509
17510            function prepareQuantityContainer(form) {
17511                var container = getQuantityContainer(form);
17512                if (container) {
17513                    container.classList.add('agb-form12-quantity-container');
17514                }
17515
17516                ['adults', 'children'].forEach(function (name) {
17517                    var group = groupOf(field(form, name));
17518                    if (group) {
17519                        group.classList.add('agb-form12-quantity-group');
17520                    }
17521                });
17522
17523                ['total_persons', 'total_price'].forEach(function (name) {
17524                    var group = groupOf(field(form, name));
17525                    if (group) {
17526                        group.classList.add('agb-form12-hidden-total');
17527                    }
17528                });
17529            }
17530
17531            function ensureStepper(form, name, min, max, title, meta) {
17532                var input = field(form, name);
17533                var group = groupOf(input);
17534                if (!input || !group || group.dataset.agbForm12StepperReady === '1') return;
17535
17536                group.dataset.agbForm12StepperReady = '1';
17537
17538                var control = document.createElement('div');
17539                control.className = 'agb-form12-stepper';
17540                control.innerHTML =
17541                    '<div class="agb-form12-stepper-text">' +
17542                        '<div class="agb-form12-stepper-title"></div>' +
17543                        '<div class="agb-form12-stepper-meta"></div>' +
17544                    '</div>' +
17545                    '<div class="agb-form12-stepper-controls" role="group">' +
17546                        '<button type="button" class="agb-form12-stepper-btn agb-form12-stepper-minus" aria-label="Weniger">−</button>' +
17547                        '<span class="agb-form12-stepper-value" aria-live="polite">0</span>' +
17548                        '<button type="button" class="agb-form12-stepper-btn agb-form12-stepper-plus" aria-label="Mehr">+</button>' +
17549                    '</div>';
17550
17551                control.querySelector('.agb-form12-stepper-title').textContent = title;
17552                control.querySelector('.agb-form12-stepper-meta').textContent = meta;
17553
17554                group.appendChild(control);
17555
17556                var minus = control.querySelector('.agb-form12-stepper-minus');
17557                var plus = control.querySelector('.agb-form12-stepper-plus');
17558                var value = control.querySelector('.agb-form12-stepper-value');
17559
17560                function setValue(next) {
17561                    var adults = toInt(field(form, 'adults') && field(form, 'adults').value, MIN_ADULTS);
17562                    var children = toInt(field(form, 'children') && field(form, 'children').value, MIN_CHILDREN);
17563
17564                    if (name === 'adults') adults = next;
17565                    if (name === 'children') children = next;
17566
17567                    adults = clamp(adults, MIN_ADULTS, MAX_ADULTS);
17568                    children = clamp(children, MIN_CHILDREN, MAX_CHILDREN);
17569
17570                    if (adults + children > MAX_TOTAL) {
17571                        if (name === 'adults') adults = MAX_TOTAL - children;
17572                        if (name === 'children') children = MAX_TOTAL - adults;
17573                    }
17574
17575                    adults = clamp(adults, MIN_ADULTS, MAX_ADULTS);
17576                    children = clamp(children, MIN_CHILDREN, MAX_CHILDREN);
17577
17578                    field(form, 'adults').value = adults;
17579                    field(form, 'children').value = children;
17580
17581                    dispatchChange(field(form, 'adults'));
17582                    dispatchChange(field(form, 'children'));
17583
17584                    updateAll(form);
17585                }
17586
17587                minus.addEventListener('click', function () {
17588                    setValue(toInt(input.value, min) - 1);
17589                });
17590
17591                plus.addEventListener('click', function () {
17592                    setValue(toInt(input.value, min) + 1);
17593                });
17594
17595                group._agbForm12StepperUpdate = function () {
17596                    var current = toInt(input.value, min);
17597                    var adults = toInt(field(form, 'adults') && field(form, 'adults').value, MIN_ADULTS);
17598                    var children = toInt(field(form, 'children') && field(form, 'children').value, MIN_CHILDREN);
17599
17600                    value.textContent = current;
17601                    minus.disabled = current <= min;
17602                    plus.disabled = current >= max || (adults + children) >= MAX_TOTAL;
17603                };
17604            }
17605
17606            function ensureChildrenWrap(form) {
17607                var wrap = form.querySelector('.agb-form12-children-wrap');
17608                if (wrap) return wrap;
17609
17610                wrap = document.createElement('div');
17611                wrap.className = 'agb-form12-children-wrap';
17612                wrap.innerHTML = '<div class="agb-form12-children-heading">Angaben zu den Kindern</div>';
17613
17614                var container = getQuantityContainer(form);
17615                if (container && container.parentNode) {
17616                    container.parentNode.insertBefore(wrap, container.nextSibling);
17617                } else {
17618                    form.insertBefore(wrap, form.firstChild);
17619                }
17620
17621                return wrap;
17622            }
17623
17624            function ensureChildRows(form) {
17625                var wrap = ensureChildrenWrap(form);
17626
17627                for (var i = 1; i <= MAX_CHILD_FIELDS; i++) {
17628                    var nameInput = field(form, 'child_' + i + '_name');
17629                    var ageSelect = field(form, 'child_' + i + '_age');
17630                    var nameGroup = groupOf(nameInput);
17631                    var ageGroup = groupOf(ageSelect);
17632
17633                    if (!nameInput || !ageSelect || !nameGroup || !ageGroup) continue;
17634
17635                    var originalContainer = nameGroup.closest('.ff-t-container');
17636                    if (originalContainer) {
17637                        originalContainer.classList.add('agb-form12-original-child-container');
17638                    }
17639
17640                    if (nameGroup.closest('.agb-form12-child-row')) continue;
17641
17642                    var row = document.createElement('div');
17643                    row.className = 'agb-form12-child-row';
17644                    row.dataset.childIndex = String(i);
17645
17646                    var title = document.createElement('div');
17647                    title.className = 'agb-form12-child-row-title';
17648                    title.textContent = i + '. Teilnehmendes Kind';
17649
17650                    var inner = document.createElement('div');
17651                    inner.className = 'agb-form12-child-row-inner';
17652
17653                    row.appendChild(title);
17654                    row.appendChild(inner);
17655                    inner.appendChild(nameGroup);
17656                    inner.appendChild(ageGroup);
17657                    wrap.appendChild(row);
17658
17659                    var nameLabel = nameGroup.querySelector('.ff-el-input--label label, label.ff-el-form-label');
17660                    if (nameLabel) {
17661                        nameLabel.textContent = 'Vor- & Nachname';
17662                        nameLabel.dataset.agbBaseLabel = 'Vor- & Nachname';
17663                    }
17664
17665                    nameGroup.classList.add('agb-ui-floating-field');
17666                    updateFloatingLabel(nameGroup);
17667                    updateFloatingState(nameGroup);
17668
17669                    var ageLabel = ageGroup.querySelector('.ff-el-input--label label, label.ff-el-form-label');
17670                    if (ageLabel) ageLabel.textContent = 'Alter';
17671
17672                    ageGroup.classList.add('agb-form12-age-field');
17673                    ensureAgeSegmented(ageSelect, ageGroup);
17674                }
17675            }
17676
17677            function ensureAgeSegmented(select, group) {
17678                if (!select || !group || group.dataset.agbForm12AgeReady === '1') return;
17679                group.dataset.agbForm12AgeReady = '1';
17680
17681                select.classList.add('agb-form12-age-original');
17682
17683                var control = document.createElement('div');
17684                control.className = 'agb-form12-age-control';
17685
17686                Array.prototype.forEach.call(select.options, function (option) {
17687                    if (!option.value) return;
17688
17689                    var button = document.createElement('button');
17690                    button.type = 'button';
17691                    button.className = 'agb-form12-age-option';
17692                    button.dataset.value = option.value;
17693                    button.textContent = option.textContent || option.value;
17694
17695                    button.addEventListener('click', function () {
17696                        select.value = button.dataset.value;
17697                        dispatchChange(select);
17698                        syncAgeButtons(select, control);
17699                    });
17700
17701                    control.appendChild(button);
17702                });
17703
17704                group.querySelector('.ff-el-input--content').appendChild(control);
17705
17706                select.addEventListener('change', function () {
17707                    syncAgeButtons(select, control);
17708                });
17709
17710                syncAgeButtons(select, control);
17711            }
17712
17713            function syncAgeButtons(select, control) {
17714                Array.prototype.forEach.call(control.querySelectorAll('.agb-form12-age-option'), function (button) {
17715                    button.classList.toggle('is-active', button.dataset.value === select.value);
17716                });
17717            }
17718
17719            function ensureSummary(form) {
17720                if (form.querySelector('.agb-form12-summary-card')) return;
17721
17722                var summary = document.createElement('div');
17723                summary.className = 'agb-form12-summary-card';
17724                summary.innerHTML =
17725                    '<div class="agb-form12-summary-title">Zusammenfassung</div>' +
17726                    '<div class="agb-form12-summary-main">' +
17727                        '<div><strong class="agb-form12-summary-persons">2</strong><span> Personen</span></div>' +
17728                        '<div><strong class="agb-form12-summary-price">5,00 €</strong></div>' +
17729                    '</div>' +
17730                    '<div class="agb-form12-summary-note">Zahlung vor Ort · 2,50 € pro Person</div>' +
17731                    '<div class="agb-form12-limit">Maximal 7 Personen pro Anmeldung.</div>';
17732
17733                var wrap = ensureChildrenWrap(form);
17734                if (wrap && wrap.parentNode) {
17735                    wrap.parentNode.insertBefore(summary, wrap.nextSibling);
17736                } else {
17737                    form.appendChild(summary);
17738                }
17739            }
17740
17741            function updateChildRows(form) {
17742                var children = toInt(field(form, 'children') && field(form, 'children').value, MIN_CHILDREN);
17743
17744                for (var i = 1; i <= MAX_CHILD_FIELDS; i++) {
17745                    var row = form.querySelector('.agb-form12-child-row[data-child-index="' + i + '"]');
17746                    var nameInput = field(form, 'child_' + i + '_name');
17747                    var ageSelect = field(form, 'child_' + i + '_age');
17748                    var visible = i <= children;
17749
17750                    if (row) row.style.display = visible ? '' : 'none';
17751
17752                    if (nameInput) {
17753                        nameInput.required = visible;
17754                        nameInput.setAttribute('aria-required', visible ? 'true' : 'false');
17755                        if (!visible) nameInput.value = '';
17756                        updateFloatingLabel(groupOf(nameInput));
17757                        updateFloatingState(groupOf(nameInput));
17758                    }
17759
17760                    if (ageSelect) {
17761                        ageSelect.required = visible;
17762                        if (!visible) {
17763                            ageSelect.value = '';
17764                            var control = groupOf(ageSelect).querySelector('.agb-form12-age-control');
17765                            if (control) syncAgeButtons(ageSelect, control);
17766                        }
17767                    }
17768                }
17769            }
17770
17771            function updateSupervision(form) {
17772                var adults = toInt(field(form, 'adults') && field(form, 'adults').value, MIN_ADULTS);
17773                var checkbox = field(form, 'supervision_confirmation');
17774                var group = groupOf(checkbox);
17775                if (!group) return;
17776
17777                group.classList.add('agb-form12-supervision-copy');
17778
17779                var text = adults >= 2
17780                    ? 'Wir bestätigen, dass wir die angegebenen Kinder anmelden dürfen und während der Veranstaltung die Aufsicht für diese Kinder übernehmen.'
17781                    : 'Ich bestätige, dass ich die angegebenen Kinder anmelden darf und während der Veranstaltung die Aufsicht für diese Kinder übernehme.';
17782
17783                var label = group.querySelector('.ff-el-form-check-label, label');
17784                if (label) {
17785                    var inputEl = label.querySelector('input');
17786                    label.textContent = '';
17787
17788                    if (inputEl) {
17789                        label.appendChild(inputEl);
17790                    }
17791
17792                    var span = document.createElement('span');
17793                    span.className = 'agb-form12-supervision-text';
17794                    span.textContent = text;
17795                    label.appendChild(span);
17796                }
17797
17798                if (checkbox) checkbox.value = text;
17799            }
17800
17801            function updateHiddenTotals(form, total, price) {
17802                var totalPersons = field(form, 'total_persons');
17803                var totalPrice = field(form, 'total_price');
17804
17805                if (totalPersons) {
17806                    totalPersons.value = total;
17807                    dispatchChange(totalPersons);
17808                }
17809
17810                if (totalPrice) {
17811                    totalPrice.value = price.toFixed(2);
17812                    dispatchChange(totalPrice);
17813                }
17814            }
17815
17816            function updateSummary(form, total, price) {
17817                var persons = form.querySelector('.agb-form12-summary-persons');
17818                var priceEl = form.querySelector('.agb-form12-summary-price');
17819                var limit = form.querySelector('.agb-form12-limit');
17820
17821                if (persons) persons.textContent = String(total);
17822                if (priceEl) priceEl.textContent = formatEuro(price);
17823                if (limit) limit.style.display = total >= MAX_TOTAL ? 'block' : 'none';
17824            }
17825
17826            function updateAll(form) {
17827                var adultsInput = field(form, 'adults');
17828                var childrenInput = field(form, 'children');
17829
17830                if (!adultsInput || !childrenInput) return;
17831
17832                var adults = clamp(toInt(adultsInput.value, MIN_ADULTS), MIN_ADULTS, MAX_ADULTS);
17833                var children = clamp(toInt(childrenInput.value, MIN_CHILDREN), MIN_CHILDREN, MAX_CHILDREN);
17834
17835                if (adults + children > MAX_TOTAL) {
17836                    children = MAX_TOTAL - adults;
17837                    if (children < MIN_CHILDREN) {
17838                        children = MIN_CHILDREN;
17839                        adults = MAX_TOTAL - children;
17840                    }
17841                }
17842
17843                adultsInput.value = adults;
17844                childrenInput.value = children;
17845
17846                var total = adults + children;
17847                var price = total * PRICE_PER_PERSON;
17848
17849                updateHiddenTotals(form, total, price);
17850                updateSummary(form, total, price);
17851                updateChildRows(form);
17852                updateSupervision(form);
17853
17854                Array.prototype.forEach.call(form.querySelectorAll('.agb-form12-quantity-group'), function (group) {
17855                    if (typeof group._agbForm12StepperUpdate === 'function') {
17856                        group._agbForm12StepperUpdate();
17857                    }
17858                });
17859            }
17860
17861            function prepareSubmit(form) {
17862                var wrapper = form.querySelector('.ff_submit_btn_wrapper, .ff-el-group.ff_submit_btn_wrapper');
17863                var button = form.querySelector('button[type="submit"], input[type="submit"], .ff-btn-submit');
17864
17865                if (wrapper) wrapper.classList.add('agb-ui-sticky-submit-wrapper');
17866                if (button) button.classList.add('agb-ui-full-submit');
17867            }
17868
17869            function init() {
17870                var form = getForm();
17871                if (!form || form.dataset.agbForm12Ready === '1') return;
17872
17873                form.dataset.agbForm12Ready = '1';
17874                form.classList.add('agb-modern-form-ui', 'agb-segmented-form-ui');
17875
17876                prepareQuantityContainer(form);
17877                ensureStepper(form, 'adults', MIN_ADULTS, MAX_ADULTS, 'Erwachsene', '2,50 € pro Person');
17878                ensureStepper(form, 'children', MIN_CHILDREN, MAX_CHILDREN, 'Kinder', '2,50 € pro Person');
17879                ensureChildRows(form);
17880                ensureSummary(form);
17881                prepareFloatingFields(form);
17882                bindFloatingEvents(form);
17883                var description = field(form, 'description');
17884                var descriptionGroup = groupOf(description);
17885                if (descriptionGroup) {
17886                    descriptionGroup.classList.add('agb-form12-description-gap');
17887                }
17888
17889                prepareSubmit(form);
17890
17891                ['adults', 'children'].forEach(function (name) {
17892                    var input = field(form, name);
17893                    if (input) {
17894                        input.addEventListener('input', function () { updateAll(form); });
17895                        input.addEventListener('change', function () { updateAll(form); });
17896                    }
17897                });
17898
17899                updateAll(form);
17900            }
17901
17902            ready(function () {
17903                init();
17904
17905                var observer = new MutationObserver(function () {
17906                    var form = getForm();
17907
17908                    if (form && form.dataset.agbForm12Ready !== '1') {
17909                        init();
17910                    }
17911
17912                    if (form && form.dataset.agbForm12Ready === '1') {
17913                        observer.disconnect();
17914                    }
17915                });
17916
17917                observer.observe(document.body, {
17918                    childList: true,
17919                    subtree: true
17920                });
17921            });
17922        })();
17923    </script>
17923
17924    
17924<script id="agb-wpem-offer-filter-pills-v11">
17925(function (terms) {
17926    'use strict';
17927
17928    if (!Array.isArray(terms) || !terms.length) {
17929        return;
17930    }
17931
17932    function normalizeText(value) {
17933        return String(value || '').replace(/\s+/g, ' ').trim().toLowerCase();
17934    }
17935
17936    function findMatchingOption(select, term) {
17937        var options = Array.prototype.slice.call(select.options || []);
17938        var termName = normalizeText(term.name);
17939
17940        for (var index = 0; index < options.length; index += 1) {
17941            var option = options[index];
17942            var value = String(option.value || '');
17943
17944            if (
17945                value === term.id ||
17946                value === term.slug ||
17947                normalizeText(option.textContent) === termName
17948            ) {
17949                return option;
17950            }
17951        }
17952
17953        return null;
17954    }
17955
17956    function getOrCreateOption(select, term) {
17957        var option = findMatchingOption(select, term);
17958
17959        if (option) {
17960            return option;
17961        }
17962
17963        /*
17964         * Sicherheitsfallback, falls WPEM einen leeren Begriff nicht in das
17965         * Auswahlfeld geschrieben hat.
17966         */
17967        option = document.createElement('option');
17968        option.value = term.slug;
17969        option.textContent = term.name;
17970        option.setAttribute('data-agb-generated-offer-option', '1');
17971
17972        select.appendChild(option);
17973
17974        return option;
17975    }
17976
17977    function updateChosen(select) {
17978        if (!window.jQuery) {
17979            return;
17980        }
17981
17982        window.jQuery(select).trigger('chosen:updated');
17983    }
17984
17985    function triggerFilterChange(select) {
17986        if (window.jQuery) {
17987            var $select = window.jQuery(select);
17988
17989            $select.trigger('chosen:updated');
17990            $select.trigger('change');
17991            return;
17992        }
17993
17994        select.dispatchEvent(
17995            new Event('change', {
17996                bubbles: true
17997            })
17998        );
17999    }
18000
18001    function syncActivePills(filter, select) {
18002        var buttons = filter.querySelectorAll('.agb-offer-filter-pill');
18003
18004        buttons.forEach(function (button) {
18005            var termId = button.getAttribute('data-term-id');
18006            var termSlug = button.getAttribute('data-term-slug');
18007            var termName = button.getAttribute('data-term-name');
18008            var active = false;
18009
18010            Array.prototype.slice.call(select.options || []).some(function (option) {
18011                if (!option.selected || !option.value) {
18012                    return false;
18013                }
18014
18015                var value = String(option.value);
18016
18017                active =
18018                    value === termId ||
18019                    value === termSlug ||
18020                    normalizeText(option.textContent) === normalizeText(termName);
18021
18022                return active;
18023            });
18024
18025            button.classList.toggle('is-active', active);
18026            button.setAttribute('aria-pressed', active ? 'true' : 'false');
18027        });
18028    }
18029
18030    function clearCategorySelection(select) {
18031        var options = Array.prototype.slice.call(select.options || []);
18032        var emptyOption = null;
18033
18034        options.forEach(function (option) {
18035            option.selected = false;
18036
18037            if (!emptyOption && !String(option.value || '')) {
18038                emptyOption = option;
18039            }
18040        });
18041
18042        if (emptyOption) {
18043            emptyOption.selected = true;
18044        } else if (!select.multiple) {
18045            select.selectedIndex = -1;
18046        }
18047    }
18048
18049    function activateSingleOffer(select, term) {
18050        var option = getOrCreateOption(select, term);
18051        var selectedOptions = Array.prototype.slice.call(select.options || []).filter(
18052            function (currentOption) {
18053                return currentOption.selected && String(currentOption.value || '');
18054            }
18055        );
18056
18057        var isOnlyActiveOption =
18058            option.selected &&
18059            selectedOptions.length === 1 &&
18060            selectedOptions[0] === option;
18061
18062        clearCategorySelection(select);
18063
18064        if (!isOnlyActiveOption) {
18065            option.selected = true;
18066        }
18067
18068        triggerFilterChange(select);
18069    }
18070
18071    function applyDirectColors(button, term) {
18072        button.style.setProperty(
18073            '--agb-offer-pill-color',
18074            term.background || '#e8e8e8'
18075        );
18076
18077        button.style.setProperty(
18078            '--agb-offer-pill-text-color',
18079            term.text || '#333333'
18080        );
18081    }
18082
18083    function createOfferPill(term, select, filter) {
18084        var button = document.createElement('button');
18085
18086        button.type = 'button';
18087        button.className = 'agb-offer-filter-pill event-category';
18088        button.classList.add(term.slug);
18089
18090        button.textContent = term.name;
18091        button.setAttribute('data-term-id', term.id);
18092        button.setAttribute('data-term-slug', term.slug);
18093        button.setAttribute('data-term-name', term.name);
18094        button.setAttribute('aria-pressed', 'false');
18095
18096        applyDirectColors(button, term);
18097
18098        button.addEventListener('click', function () {
18099            activateSingleOffer(select, term);
18100            syncActivePills(filter, select);
18101            syncGlobalResetControl(filter);
18102        });
18103
18104        return button;
18105    }
18106
18107    function isNodeAfter(referenceNode, candidateNode) {
18108        if (!referenceNode || !candidateNode || referenceNode === candidateNode) {
18109            return false;
18110        }
18111
18112        return Boolean(
18113            referenceNode.compareDocumentPosition(candidateNode) &
18114            Node.DOCUMENT_POSITION_FOLLOWING
18115        );
18116    }
18117
18118    function findResultsHeading(filter) {
18119        var existingRow = document.querySelector(
18120            '.agb-events-heading-row [data-agb-events-heading="1"]'
18121        );
18122
18123        if (existingRow) {
18124            return existingRow;
18125        }
18126
18127        var headings = Array.prototype.slice.call(
18128            document.querySelectorAll('h1, h2, h3, h4')
18129        );
18130
18131        for (var index = 0; index < headings.length; index += 1) {
18132            var heading = headings[index];
18133
18134            if (
18135                normalizeText(heading.textContent) === 'termine' &&
18136                isNodeAfter(filter, heading)
18137            ) {
18138                heading.setAttribute('data-agb-events-heading', '1');
18139                return heading;
18140            }
18141        }
18142
18143        return null;
18144    }
18145
18146    function findOriginalResetLink(filter) {
18147        var heading = findResultsHeading(filter);
18148        var selectors = [
18149            '.showing_applied_filters a.reset',
18150            '.showing-applied-filters a.reset',
18151            '.showing_events a.reset',
18152            '.showing-events a.reset',
18153            '.showing_jobs a.reset',
18154            '.showing-jobs a.reset'
18155        ];
18156
18157        var links = Array.prototype.slice.call(
18158            document.querySelectorAll(selectors.join(','))
18159        );
18160
18161        for (var index = 0; index < links.length; index += 1) {
18162            var link = links[index];
18163
18164            /*
18165             * Nur den nativen WPEM-Reset dieser konkreten Ergebnisliste nehmen:
18166             * Er muss nach dem Filter und vor der Überschrift "Termine" liegen.
18167             * So kann kein anderer Reset-Link weiter unten auf der Seite den
18168             * Button fälschlich sichtbar machen.
18169             */
18170            var isInsideCurrentResultArea =
18171                isNodeAfter(filter, link) &&
18172                (!heading || isNodeAfter(link, heading));
18173
18174            if (isInsideCurrentResultArea) {
18175                return link;
18176            }
18177        }
18178
18179        return null;
18180    }
18181
18182    function hideOriginalResultsBars(filter) {
18183        var heading = findResultsHeading(filter);
18184        var selectors = [
18185            '.showing_applied_filters',
18186            '.showing-applied-filters',
18187            '.showing_events',
18188            '.showing-events',
18189            '.showing_jobs',
18190            '.showing-jobs'
18191        ];
18192
18193        var bars = Array.prototype.slice.call(
18194            document.querySelectorAll(selectors.join(','))
18195        );
18196
18197        bars.forEach(function (bar) {
18198            /*
18199             * Nur die graue Ergebnisleiste zwischen diesem Filter und
18200             * der Überschrift "Termine" ausblenden.
18201             */
18202            var isInsideCurrentResultArea =
18203                isNodeAfter(filter, bar) &&
18204                (!heading || isNodeAfter(bar, heading));
18205
18206            if (!isInsideCurrentResultArea) {
18207                return;
18208            }
18209
18210            var hasWpemLinks =
18211                bar.querySelector('a.reset, a.rss_link, a.rss-link') ||
18212                /suche abgeschlossen|passende einträge|matching record|rss/i.test(
18213                    bar.textContent || ''
18214                );
18215
18216            if (hasWpemLinks) {
18217                bar.classList.add('agb-wpem-result-summary-hidden');
18218                bar.setAttribute('aria-hidden', 'true');
18219            }
18220        });
18221    }
18222
18223    function isNeutralFilterValue(value) {
18224        var normalized = normalizeText(value);
18225
18226        return (
18227            !normalized ||
18228            normalized === '0' ||
18229            normalized === 'all' ||
18230            normalized === 'any' ||
18231            normalized === 'null' ||
18232            normalized === '[]' ||
18233            normalized === '{}' ||
18234            normalized === 'datetime_any' ||
18235            normalized === 'ticket_price_any'
18236        );
18237    }
18238
18239    function structuredValueHasContent(value) {
18240        if (Array.isArray(value)) {
18241            return value.some(structuredValueHasContent);
18242        }
18243
18244        if (value && typeof value === 'object') {
18245            return Object.keys(value).some(function (key) {
18246                return structuredValueHasContent(value[key]);
18247            });
18248        }
18249
18250        return !isNeutralFilterValue(value);
18251    }
18252
18253    function controlHasActiveFilterValue(control) {
18254        if (!control || control.disabled) {
18255            return false;
18256        }
18257
18258        var tagName = String(control.tagName || '').toLowerCase();
18259        var type = String(control.type || '').toLowerCase();
18260
18261        if (tagName === 'select') {
18262            return Array.prototype.slice.call(control.options || []).some(
18263                function (option) {
18264                    return option.selected && !isNeutralFilterValue(option.value);
18265                }
18266            );
18267        }
18268
18269        if (type === 'checkbox' || type === 'radio') {
18270            return control.checked && !isNeutralFilterValue(control.value);
18271        }
18272
18273        if (type === 'button' || type === 'submit' || type === 'reset') {
18274            return false;
18275        }
18276
18277        var value = String(control.value || '').trim();
18278
18279        if (isNeutralFilterValue(value)) {
18280            return false;
18281        }
18282
18283        /*
18284         * Das Datumsfeld enthält bei WPEM häufig JSON.
18285         * Leere JSON-Strukturen gelten nicht als aktiver Filter.
18286         */
18287        if (
18288            (value.charAt(0) === '{' && value.charAt(value.length - 1) === '}') ||
18289            (value.charAt(0) === '[' && value.charAt(value.length - 1) === ']')
18290        ) {
18291            try {
18292                return structuredValueHasContent(JSON.parse(value));
18293            } catch (error) {
18294                return true;
18295            }
18296        }
18297
18298        return true;
18299    }
18300
18301    function hasResettableFilterState(filter) {
18302        if (!filter) {
18303            return false;
18304        }
18305
18306        /*
18307         * Maßgeblich sind jetzt die tatsächlichen WPEM-Filterfelder.
18308         * Dadurch bleibt der Button nicht sichtbar, nur weil ein alter,
18309         * inzwischen wirkungsloser nativer Reset-Link noch im DOM steht.
18310         */
18311        var controls = Array.prototype.slice.call(
18312            filter.querySelectorAll(
18313                '#search_keywords, ' +
18314                '#search_location, ' +
18315                '#search_categories, ' +
18316                '#search_event_types, ' +
18317                '#search_datetimes, ' +
18318                '#search_ticket_prices, ' +
18319                'input[name^="search_"], ' +
18320                'select[name^="search_"], ' +
18321                'textarea[name^="search_"]'
18322            )
18323        );
18324
18325        if (!controls.length) {
18326            return Boolean(findOriginalResetLink(filter));
18327        }
18328
18329        return controls.some(controlHasActiveFilterValue);
18330    }
18331
18332    function setGlobalResetVisibility(button, visible) {
18333        if (!button) {
18334            return;
18335        }
18336
18337        button.classList.toggle('is-visible', visible);
18338        button.setAttribute('aria-hidden', visible ? 'false' : 'true');
18339        button.tabIndex = visible ? 0 : -1;
18340    }
18341
18342    function getAgbViewportSize() {
18343        var viewport = window.visualViewport;
18344
18345        return {
18346            width: viewport && viewport.width ? viewport.width : window.innerWidth,
18347            height: viewport && viewport.height ? viewport.height : window.innerHeight
18348        };
18349    }
18350
18351    function isAgbPhonePortrait() {
18352        var size = getAgbViewportSize();
18353
18354        return size.width <= 767 && size.height >= size.width;
18355    }
18356
18357    function findEventLayoutAction(filter) {
18358        var heading = findResultsHeading(filter);
18359        var header = heading ? heading.closest('.wpem-event-listings-header') : null;
18360
18361        if (header) {
18362            return header.querySelector('.wpem-event-layout-action');
18363        }
18364
18365        return document.querySelector('.wpem-event-listings-header .wpem-event-layout-action');
18366    }
18367
18368    function syncGlobalResetPlacement(filter, button) {
18369        if (!filter || !button) {
18370            return;
18371        }
18372
18373        var heading = findResultsHeading(filter);
18374        var headingRow = heading ? heading.closest('.agb-events-heading-row') : null;
18375        var layoutAction = findEventLayoutAction(filter);
18376
18377        /*
18378         * Handy hochkant:
18379         * Button bleibt in der "Termine"-Zeile und steht dort rechtsbündig.
18380         *
18381         * Handy quer, Tablet und Desktop:
18382         * Button wird direkt links vor die vorhandenen Ansichts-Buttons gesetzt.
18383         */
18384        if (isAgbPhonePortrait() || !layoutAction) {
18385            if (headingRow && button.parentNode !== headingRow) {
18386                headingRow.appendChild(button);
18387            }
18388
18389            button.setAttribute('data-agb-reset-position', 'heading');
18390            return;
18391        }
18392
18393        if (button.parentNode !== layoutAction || layoutAction.firstElementChild !== button) {
18394            layoutAction.insertBefore(button, layoutAction.firstElementChild);
18395        }
18396
18397        button.setAttribute('data-agb-reset-position', 'layout-actions');
18398    }
18399
18400    function scheduleGlobalResetPlacement(filter, button) {
18401        [0, 80, 220, 500].forEach(function (delay) {
18402            window.setTimeout(function () {
18403                syncGlobalResetPlacement(filter, button);
18404            }, delay);
18405        });
18406    }
18407
18408    function getSelectPlaceholderText(select) {
18409        if (!select) {
18410            return '';
18411        }
18412
18413        return (
18414            select.getAttribute('data-placeholder') ||
18415            select.getAttribute('placeholder') ||
18416            ''
18417        ).trim();
18418    }
18419
18420    function findNeutralSelectOption(select) {
18421        if (!select || !select.options) {
18422            return null;
18423        }
18424
18425        var options = Array.prototype.slice.call(select.options);
18426
18427        /*
18428         * Bevorzugt die echte leere WPEM-Option.
18429         */
18430        for (var index = 0; index < options.length; index += 1) {
18431            if (isNeutralFilterValue(options[index].value)) {
18432                return options[index];
18433            }
18434        }
18435
18436        /*
18437         * Sicherheitsfallback anhand der sichtbaren Standardbezeichnung.
18438         */
18439        var neutralLabelPattern =
18440            /^(alle\s+)?(angebote|zielgruppen|veranstaltungsarten|event categories|event types)$/i;
18441
18442        for (var labelIndex = 0; labelIndex < options.length; labelIndex += 1) {
18443            if (neutralLabelPattern.test(String(options[labelIndex].textContent || '').trim())) {
18444                return options[labelIndex];
18445            }
18446        }
18447
18448        return null;
18449    }
18450
18451    function repairResetSelect(select) {
18452        if (!select) {
18453            return;
18454        }
18455
18456        var options = Array.prototype.slice.call(select.options || []);
18457        var neutralOption = findNeutralSelectOption(select);
18458
18459        if (select.multiple) {
18460            options.forEach(function (option) {
18461                option.selected = false;
18462            });
18463
18464            select.selectedIndex = -1;
18465        } else {
18466            options.forEach(function (option) {
18467                option.selected = false;
18468            });
18469
18470            if (neutralOption) {
18471                neutralOption.selected = true;
18472                select.selectedIndex = neutralOption.index;
18473            } else if (options.length) {
18474                /*
18475                 * Nur als letzter Fallback die erste Option wählen.
18476                 * Bei WPEM ist dies normalerweise die neutrale Auswahl.
18477                 */
18478                options[0].selected = true;
18479                select.selectedIndex = 0;
18480            }
18481        }
18482
18483        if (window.jQuery) {
18484            var $select = window.jQuery(select);
18485
18486            if (select.multiple) {
18487                $select.val([]);
18488            } else if (neutralOption) {
18489                $select.val(neutralOption.value);
18490            } else if (select.selectedIndex >= 0) {
18491                $select.val(select.options[select.selectedIndex].value);
18492            }
18493
18494            /*
18495             * Nur Chosen optisch aktualisieren.
18496             * Kein change-Event, damit der native WPEM-Reset nicht doppelt
18497             * ausgelöst wird.
18498             */
18499            $select.trigger('chosen:updated');
18500        }
18501    }
18502
18503    function repairResetFilterSelects(filter) {
18504        if (!filter) {
18505            return;
18506        }
18507
18508        /*
18509         * Der Fehler trat sichtbar bei "Zielgruppen" auf.
18510         * "Angebote" wird vorsorglich mit repariert, weil beide Felder
18511         * dieselbe Chosen-Logik verwenden.
18512         */
18513        [
18514            filter.querySelector('#search_categories'),
18515            filter.querySelector('#search_event_types')
18516        ].forEach(repairResetSelect);
18517    }
18518
18519    function createGlobalResetButton(filter) {
18520        var button = document.createElement('button');
18521
18522        button.type = 'button';
18523        button.className = 'agb-all-filters-reset';
18524        button.setAttribute('aria-label', 'Alle Filter zurücksetzen');
18525
18526        var icon = document.createElement('span');
18527        icon.className = 'agb-all-filters-reset-icon';
18528        icon.setAttribute('aria-hidden', 'true');
18529        icon.textContent = '↺';
18530
18531        var label = document.createElement('span');
18532        label.className = 'agb-all-filters-reset-label';
18533        label.textContent = 'Alle Filter zurücksetzen';
18534
18535        button.appendChild(icon);
18536        button.appendChild(label);
18537
18538        button.addEventListener('click', function (event) {
18539            event.preventDefault();
18540
18541            /*
18542             * WPEM erzeugt den originalen Reset-Link nur bei aktiven Filtern.
18543             * Wir nutzen exakt dessen bestehende Reset-Funktion und verschieben
18544             * lediglich die sichtbare Bedienung neben die Überschrift "Termine".
18545             */
18546            var originalReset = findOriginalResetLink(filter);
18547
18548            if (!originalReset) {
18549                return;
18550            }
18551
18552            /*
18553             * Sofort ausblenden, damit der Button beim Zurücksetzen nicht
18554             * sichtbar stehen bleibt. Während WPEM seine Felder und Ergebnisse
18555             * aktualisiert, verhindert das Pending-Attribut ein kurzes
18556             * Wiedererscheinen.
18557             */
18558            button.setAttribute('data-agb-reset-pending', '1');
18559            setGlobalResetVisibility(button, false);
18560
18561            originalReset.dispatchEvent(
18562                new MouseEvent('click', {
18563                    bubbles: true,
18564                    cancelable: true,
18565                    view: window
18566                })
18567            );
18568
18569            /*
18570             * WPEM setzt die Selects beim nativen Reset zurück. Auf dem Handy
18571             * kann Chosen danach aber mit selectedIndex = -1 leer bleiben.
18572             * Deshalb werden die neutralen Optionen mehrfach nach dem
18573             * asynchronen Reset wiederhergestellt und Chosen aktualisiert.
18574             */
18575            [0, 80, 180, 350, 650, 950].forEach(function (delay) {
18576                window.setTimeout(function () {
18577                    repairResetFilterSelects(filter);
18578
18579                    var select = filter.querySelector('#search_categories');
18580
18581                    if (select) {
18582                        syncActivePills(filter, select);
18583                    }
18584
18585                    syncGlobalResetControl(filter);
18586                }, delay);
18587            });
18588
18589            window.setTimeout(function () {
18590                button.removeAttribute('data-agb-reset-pending');
18591                repairResetFilterSelects(filter);
18592                syncGlobalResetControl(filter);
18593            }, 1100);
18594        });
18595
18596        return button;
18597    }
18598
18599    function ensureHeadingResetRow(filter) {
18600        var heading = findResultsHeading(filter);
18601
18602        if (!heading) {
18603            return null;
18604        }
18605
18606        var row = heading.closest('.agb-events-heading-row');
18607
18608        if (!row) {
18609            row = document.createElement('div');
18610            row.className = 'agb-events-heading-row';
18611
18612            heading.parentNode.insertBefore(row, heading);
18613            row.appendChild(heading);
18614        }
18615
18616        /*
18617         * Der Button kann je nach Bildschirmformat entweder in dieser
18618         * Überschriftenzeile oder bei den Ansichts-Buttons liegen.
18619         * Deshalb nicht nur innerhalb von "row" suchen.
18620         */
18621        var header = heading.closest('.wpem-event-listings-header');
18622        var button = header
18623            ? header.querySelector('.agb-all-filters-reset')
18624            : document.querySelector('.agb-all-filters-reset');
18625
18626        if (!button) {
18627            button = createGlobalResetButton(filter);
18628            row.appendChild(button);
18629        }
18630
18631        syncGlobalResetPlacement(filter, button);
18632
18633        return button;
18634    }
18635
18636    function syncGlobalResetControl(filter) {
18637        if (!filter) {
18638            return;
18639        }
18640
18641        hideOriginalResultsBars(filter);
18642
18643        var button = ensureHeadingResetRow(filter);
18644
18645        if (!button) {
18646            return;
18647        }
18648
18649        syncGlobalResetPlacement(filter, button);
18650
18651        var hasActiveFilters = hasResettableFilterState(filter);
18652        var resetPending = button.hasAttribute('data-agb-reset-pending');
18653
18654        if (!hasActiveFilters) {
18655            button.removeAttribute('data-agb-reset-pending');
18656            setGlobalResetVisibility(button, false);
18657            return;
18658        }
18659
18660        /*
18661         * Während des laufenden Resets bleibt der Button verborgen. Sollte
18662         * WPEM den Reset wider Erwarten nicht ausführen, wird nach spätestens
18663         * einer Sekunde erneut anhand der echten Feldwerte entschieden.
18664         */
18665        if (resetPending) {
18666            setGlobalResetVisibility(button, false);
18667            return;
18668        }
18669
18670        setGlobalResetVisibility(button, true);
18671    }
18672
18673    function syncMonthlyCalendarDateFilter(filter) {
18674        if (!filter) {
18675            return;
18676        }
18677
18678        /*
18679         * Maßgeblich ist die vom WPEM selbst gespeicherte aktive Ansicht.
18680         *
18681         * Wichtig:
18682         * Beim Wechsel vom Kalender zurück zu Box/Card oder Liste können
18683         * Kalender-Elemente und sogar die Klasse
18684         * .wpem-event-listing-calendar-view im DOM stehen bleiben.
18685         * Eine reine DOM-Prüfung würde den Kalender daher fälschlich weiter
18686         * als aktiv behandeln.
18687         */
18688        var storedLayout = '';
18689
18690        try {
18691            storedLayout = window.localStorage
18692                ? window.localStorage.getItem('layout') || ''
18693                : '';
18694        } catch (error) {
18695            storedLayout = '';
18696        }
18697
18698        var monthlyCalendarActive;
18699
18700        if (storedLayout === 'calendar-layout') {
18701            monthlyCalendarActive = true;
18702        } else if (
18703            storedLayout === 'box-layout' ||
18704            storedLayout === 'line-layout'
18705        ) {
18706            monthlyCalendarActive = false;
18707        } else {
18708            /*
18709             * Fallback nur für den allerersten Aufruf, bevor WPEM einen Wert
18710             * in localStorage geschrieben hat.
18711             */
18712            var calendarButton = document.getElementById(
18713                'wpem-event-calendar-layout'
18714            );
18715
18716            monthlyCalendarActive = Boolean(
18717                calendarButton &&
18718                calendarButton.classList.contains('wpem-active-layout')
18719            );
18720
18721            if (!monthlyCalendarActive) {
18722                monthlyCalendarActive = Boolean(
18723                    document.querySelector(
18724                        '.wpem-event-listing-calendar-view ' +
18725                        '#calendar-contents-container'
18726                    )
18727                );
18728            }
18729        }
18730
18731        var dateInput = filter.querySelector('#search_datetimes');
18732        var dateTrigger = filter.querySelector(
18733            '.comiseo-daterangepicker-triggerbutton'
18734        );
18735
18736        var dateField = null;
18737
18738        if (dateInput && typeof dateInput.closest === 'function') {
18739            dateField =
18740                dateInput.closest('.wpem-col') ||
18741                dateInput.closest('.wpem-form-group');
18742        }
18743
18744        if (!dateField && dateTrigger && typeof dateTrigger.closest === 'function') {
18745            dateField =
18746                dateTrigger.closest('.wpem-col') ||
18747                dateTrigger.closest('.wpem-form-group');
18748        }
18749
18750        filter.classList.toggle(
18751            'agb-monthly-calendar-active',
18752            monthlyCalendarActive
18753        );
18754
18755        if (dateField) {
18756            dateField.classList.toggle(
18757                'agb-date-filter-disabled-for-calendar',
18758                monthlyCalendarActive
18759            );
18760        }
18761
18762        /*
18763         * Nur die sichtbare Bedienung sperren. Der gespeicherte Datumswert
18764         * wird nicht verändert oder zurückgesetzt. Beim Wechsel zurück in
18765         * Box-/Listenansicht ist der Wähler sofort wieder normal verfügbar.
18766         */
18767        if (dateTrigger) {
18768            if (
18769                !dateTrigger.hasAttribute(
18770                    'data-agb-calendar-original-disabled'
18771                )
18772            ) {
18773                dateTrigger.setAttribute(
18774                    'data-agb-calendar-original-disabled',
18775                    dateTrigger.disabled ? '1' : '0'
18776                );
18777            }
18778
18779            if (
18780                !dateTrigger.hasAttribute(
18781                    'data-agb-calendar-original-tabindex'
18782                )
18783            ) {
18784                dateTrigger.setAttribute(
18785                    'data-agb-calendar-original-tabindex',
18786                    dateTrigger.hasAttribute('tabindex')
18787                        ? dateTrigger.getAttribute('tabindex')
18788                        : ''
18789                );
18790            }
18791
18792            if (monthlyCalendarActive) {
18793                dateTrigger.disabled = true;
18794                dateTrigger.setAttribute('aria-disabled', 'true');
18795                dateTrigger.setAttribute('tabindex', '-1');
18796            } else {
18797                dateTrigger.disabled =
18798                    dateTrigger.getAttribute(
18799                        'data-agb-calendar-original-disabled'
18800                    ) === '1';
18801
18802                dateTrigger.removeAttribute('aria-disabled');
18803
18804                var originalTabindex = dateTrigger.getAttribute(
18805                    'data-agb-calendar-original-tabindex'
18806                );
18807
18808                if (originalTabindex === '') {
18809                    dateTrigger.removeAttribute('tabindex');
18810                } else {
18811                    dateTrigger.setAttribute('tabindex', originalTabindex);
18812                }
18813            }
18814        }
18815    }
18816
18817    function buildOfferPills() {
18818        var filter = document.getElementById('event_filters');
18819
18820        if (!filter) {
18821            return;
18822        }
18823
18824        syncMonthlyCalendarDateFilter(filter);
18825
18826        var select = filter.querySelector('#search_categories');
18827
18828        if (!select) {
18829            return;
18830        }
18831
18832        var oldTags = filter.querySelector('#class_chose.filter_by_tag');
18833
18834        if (oldTags) {
18835            oldTags.classList.add('agb-offer-pills-replaces-tags');
18836            oldTags.setAttribute('aria-hidden', 'true');
18837        }
18838
18839        if (!filter.hasAttribute('data-agb-reset-events-bound')) {
18840            filter.setAttribute('data-agb-reset-events-bound', '1');
18841
18842            ['input', 'change'].forEach(function (eventName) {
18843                filter.addEventListener(eventName, function () {
18844                    window.setTimeout(function () {
18845                        syncGlobalResetControl(filter);
18846                    }, 0);
18847                });
18848            });
18849        }
18850
18851        var existing = filter.querySelector('#agb-offer-filter-pills');
18852
18853        if (existing) {
18854            syncActivePills(filter, select);
18855            syncGlobalResetControl(filter);
18856            return;
18857        }
18858
18859        var container = document.createElement('div');
18860        container.id = 'agb-offer-filter-pills';
18861        container.className = 'agb-offer-filter-pills';
18862        container.setAttribute('role', 'group');
18863        container.setAttribute('aria-label', 'Nach Angebot filtern');
18864
18865        terms.forEach(function (term) {
18866            container.appendChild(createOfferPill(term, select, filter));
18867        });
18868
18869        if (oldTags && oldTags.parentNode) {
18870            oldTags.parentNode.insertBefore(container, oldTags);
18871        } else {
18872            var mainRow = filter.querySelector('.search_events.search-form-container');
18873
18874            if (mainRow && mainRow.parentNode) {
18875                mainRow.parentNode.insertBefore(container, mainRow.nextSibling);
18876            } else {
18877                filter.appendChild(container);
18878            }
18879        }
18880
18881        select.addEventListener('change', function () {
18882            window.setTimeout(function () {
18883                syncActivePills(filter, select);
18884            }, 0);
18885        });
18886
18887        updateChosen(select);
18888        syncActivePills(filter, select);
18889        syncGlobalResetControl(filter);
18890    }
18891
18892    function scheduleBuild() {
18893        [0, 120, 350, 800].forEach(function (delay) {
18894            window.setTimeout(buildOfferPills, delay);
18895        });
18896    }
18897
18898    scheduleBuild();
18899
18900    /*
18901     * Box/Card, Liste und Kalender werden von WPEM ohne Seitenreload
18902     * umgeschaltet. Deshalb den Datumswähler nach jedem Klick auf einen
18903     * Ansichtsbutton erneut synchronisieren.
18904     */
18905    if (!window.agbMonthlyDateFilterViewSwitchBound) {
18906        window.agbMonthlyDateFilterViewSwitchBound = true;
18907
18908        document.addEventListener('click', function (event) {
18909            var target = event.target;
18910
18911            if (!target || typeof target.closest !== 'function') {
18912                return;
18913            }
18914
18915            var layoutButton = target.closest(
18916                '#wpem-event-calendar-layout, ' +
18917                '#wpem-event-box-layout, ' +
18918                '#wpem-event-list-layout'
18919            );
18920
18921            if (!layoutButton) {
18922                return;
18923            }
18924
18925            /*
18926             * Mehrere kurze Nachprüfungen, weil WPEM Klassen und
18927             * localStorage innerhalb seines eigenen Click-Handlers setzt.
18928             */
18929            [0, 40, 120, 300].forEach(function (delay) {
18930                window.setTimeout(function () {
18931                    syncMonthlyCalendarDateFilter(
18932                        document.getElementById('event_filters')
18933                    );
18934                }, delay);
18935            });
18936        });
18937    }
18938
18939    document.addEventListener('DOMContentLoaded', scheduleBuild);
18940    window.addEventListener('pageshow', scheduleBuild);
18941
18942    if (!window.agbOfferPillsResetPlacementBound) {
18943        window.agbOfferPillsResetPlacementBound = true;
18944
18945        ['resize', 'orientationchange'].forEach(function (eventName) {
18946            window.addEventListener(eventName, function () {
18947                var filter = document.getElementById('event_filters');
18948                var button = document.querySelector('.agb-all-filters-reset');
18949
18950                if (filter && button) {
18951                    scheduleGlobalResetPlacement(filter, button);
18952                }
18953            }, { passive: true });
18954        });
18955
18956        if (window.visualViewport) {
18957            window.visualViewport.addEventListener('resize', function () {
18958                var filter = document.getElementById('event_filters');
18959                var button = document.querySelector('.agb-all-filters-reset');
18960
18961                if (filter && button) {
18962                    scheduleGlobalResetPlacement(filter, button);
18963                }
18964            }, { passive: true });
18965        }
18966    }
18967
18968    /*
18969     * WPEM lädt die Ergebnisliste per AJAX.
18970     * Kein MutationObserver: Nach AJAX nur wenige gezielte Neuprüfungen.
18971     */
18972    if (window.jQuery && !window.agbOfferPillsAjaxBound) {
18973        window.agbOfferPillsAjaxBound = true;
18974
18975        window.jQuery(document).ajaxComplete(function () {
18976            scheduleBuild();
18977        });
18978    }
18979})([{"id":"218","slug":"aktiv-60-plus","name":"Aktiv 60 Plus","background":"#7e9239","text":"#ffffff"},{"id":"484","slug":"band-of-the-week","name":"Band of the week","background":"#f69e2b","text":"#ffffff"},{"id":"228","slug":"bildungsreisen","name":"Bildungsreisen","background":"#e8e8e8","text":"#333333"},{"id":"471","slug":"cafe-fuer-alleinerziehende","name":"Caf\u00e9 f\u00fcr Alleinerziehende","background":"#397344","text":"#ffffff"},{"id":"480","slug":"cook-and-connect","name":"Cook and connect","background":"#e8980d","text":"#ffffff"},{"id":"473","slug":"eltern-kind-yoga","name":"Eltern Kind Yoga","background":"#b03582","text":"#ffffff"},{"id":"481","slug":"erfolgreiche-bewerbung","name":"Erfolgreiche Bewerbung","background":"#e8e8e8","text":"#333333"},{"id":"253","slug":"erzaehlcafe","name":"Erz\u00e4hlcaf\u00e9","background":"#c05019","text":"#ffffff"},{"id":"217","slug":"familienfruehstueck","name":"Familienfr\u00fchst\u00fcck","background":"#c7531a","text":"#ffffff"},{"id":"221","slug":"frauenwerkstatt","name":"Frauenwerkstatt","background":"#d66646","text":"#ffffff"},{"id":"543","slug":"griffbereitmini-sprachbildung","name":"griffbereitMINI Sprachbildung","background":"#a80238","text":"#ffffff"},{"id":"225","slug":"interkulturelle-feste","name":"Interkulturelle Feste","background":"#006847","text":"#ffffff"},{"id":"252","slug":"internationale-frauengruppe","name":"Internationale Frauengruppe","background":"#cd4740","text":"#ffffff"},{"id":"482","slug":"jugend-sportcamp","name":"Jugend-Sportcamp","background":"#185a6b","text":"#ffffff"},{"id":"478","slug":"kinder-und-jugend-yoga","name":"Kinder und Jugend Yoga","background":"#5ea172","text":"#ffffff"},{"id":"224","slug":"kindertheater","name":"Kindertheater","background":"#63842c","text":"#ffffff"},{"id":"475","slug":"klangraum-baglama-saz","name":"Klangraum Baglama\/Saz","background":"#315e52","text":"#ffffff"},{"id":"230","slug":"kreativkids-bilk","name":"Kreativkids Bilk","background":"#e8e8e8","text":"#333333"},{"id":"479","slug":"kulturklang","name":"Kulturklang","background":"#e8e8e8","text":"#333333"},{"id":"472","slug":"musik-machen-mit-frauen","name":"Musik machen mit Frauen","background":"#c7405d","text":"#ffffff"},{"id":"474","slug":"schuelertreff","name":"Sch\u00fclertreff","background":"#0eadca","text":"#ffffff"},{"id":"477","slug":"seniorinnengymnastik","name":"Seniorinnengymnastik","background":"#5fb0c2","text":"#ffffff"},{"id":"220","slug":"spielend-zusammen-wachsen","name":"Spielend Zusammen Wachsen","background":"#e8e8e8","text":"#333333"},{"id":"476","slug":"tuerkisch-literarische-teestunde","name":"T\u00fcrkisch Literarische Teestunde","background":"#900f07","text":"#ffffff"},{"id":"483","slug":"vielfalt-macht-stark","name":"Vielfalt macht stark","background":"#e8e8e8","text":"#333333"}]);
18980</script>
18980				
18980<script type="text/javascript">
18981				jQuery( document ).ready( function() {
18982					var ajaxurl = 'https://www.die-agb.de/wp-admin/admin-ajax.php';
18983					if ( 0 < jQuery( '.fusion-login-nonce' ).length ) {
18984						jQuery.get( ajaxurl, { 'action': 'fusion_login_nonce' }, function( response ) {
18985							jQuery( '.fusion-login-nonce' ).html( response );
18986						});
18987					}
18988				});
18989				</script>
18989
18990				    <style id="agb-form9-mobile-contact-spacing-v3">
18991        @media (max-width: 760px) and (orientation: portrait) {
18992            #agb-ff-modal form.fluent_form_9 {
18993                --agb-form9-mobile-field-gap: 8px;
18994                --agb-form9-mobile-after-phone-gap: 18px;
18995            }
18996
18997            /* Native FluentForms-Name-Struktur auf Handy sauber stapeln */
18998            #agb-ff-modal form.fluent_form_9 .ff-field_container[data-name="names"] .ff-t-container {
18999                display: block !important;
19000                margin: 0 !important;
19001                padding: 0 !important;
19002            }
19003
19004            #agb-ff-modal form.fluent_form_9 .ff-field_container[data-name="names"] .ff-t-cell {
19005                display: block !important;
19006                width: 100% !important;
19007                max-width: 100% !important;
19008                flex: 0 0 100% !important;
19009                flex-basis: 100% !important;
19010                margin: 0 !important;
19011                padding: 0 !important;
19012            }
19013
19014            #agb-ff-modal form.fluent_form_9 .ff-field_container[data-name="names"] .ff-el-group {
19015                margin-top: 0 !important;
19016                margin-bottom: 0 !important;
19017            }
19018
19019            /* Vorname -> Nachname */
19020            #agb-ff-modal form.fluent_form_9 .ff-field_container[data-name="names"] .ff-t-cell:first-child .ff-el-group {
19021                margin-bottom: var(--agb-form9-mobile-field-gap) !important;
19022            }
19023
19024            /* Nachname -> E-Mail */
19025            #agb-ff-modal form.fluent_form_9 .ff-field_container[data-name="names"] .ff-t-cell:last-child .ff-el-group {
19026                margin-bottom: var(--agb-form9-mobile-field-gap) !important;
19027            }
19028
19029            /* E-Mail/Telefon-Reihe auf Handy stapeln */
19030            #agb-ff-modal form.fluent_form_9 .agb-name-row,
19031            #agb-ff-modal form.fluent_form_9 .agb-form9-contact-row,
19032            #agb-ff-modal form.fluent_form_9 .agb-form10-contact-row {
19033                display: block !important;
19034                gap: 0 !important;
19035                row-gap: 0 !important;
19036                column-gap: 0 !important;
19037                margin-top: 0 !important;
19038                margin-bottom: 0 !important;
19039            }
19040
19041            /* E-Mail -> Telefon: exakt kontrollieren */
19042            #agb-ff-modal form.fluent_form_9 .ff-el-group:has(input[name="email"]) {
19043                margin-top: 0 !important;
19044                margin-bottom: var(--agb-form9-mobile-field-gap) !important;
19045                padding-bottom: 0 !important;
19046            }
19047
19048            #agb-ff-modal form.fluent_form_9 .ff-el-group:has(input[name="phone"]),
19049            #agb-ff-modal form.fluent_form_9 .ff-el-group:has(input[name="telefon"]),
19050            #agb-ff-modal form.fluent_form_9 .ff-el-group:has(input[type="tel"]) {
19051                margin-top: 0 !important;
19052                margin-bottom: var(--agb-form9-mobile-after-phone-gap) !important;
19053                padding-top: 0 !important;
19054            }
19055
19056            #agb-ff-modal form.fluent_form_9 .ff-el-group:has(input[name="email"]) + .ff-el-group:has(input[type="tel"]),
19057            #agb-ff-modal form.fluent_form_9 .ff-el-group:has(input[name="email"]) + .ff-el-group:has(input[name="telefon"]),
19058            #agb-ff-modal form.fluent_form_9 .ff-el-group:has(input[name="email"]) + .ff-el-group:has(input[name="phone"]) {
19059                margin-top: 0 !important;
19060            }
19061        }
19062    </style>
19063
19064    
19064<script id="agb-form9-mobile-contact-spacing-v3-js">
19065        (function () {
19066            var FIELD_GAP = '8px';
19067            var AFTER_PHONE_GAP = '18px';
19068            var mobileQuery = window.matchMedia('(max-width: 760px) and (orientation: portrait)');
19069
19070            function getGroup(input) {
19071                if (!input) {
19072                    return null;
19073                }
19074
19075                return input.closest('.ff-el-group') || input.closest('.ff-t-cell') || input.parentElement;
19076            }
19077
19078            function applyForm9MobileSpacing(form) {
19079                if (!form || form.dataset.agbForm9MobileContactSpacingBusy === '1') {
19080                    return;
19081                }
19082
19083                form.dataset.agbForm9MobileContactSpacingBusy = '1';
19084
19085                try {
19086                    var isMobile = mobileQuery.matches;
19087                    var firstName = form.querySelector('input[name="names[first_name]"]');
19088                    var lastName = form.querySelector('input[name="names[last_name]"]');
19089                    var email = form.querySelector('input[name="email"]');
19090                    var phone = form.querySelector('input[name="phone"], input[name="telefon"], input[type="tel"]');
19091
19092                    var firstGroup = getGroup(firstName);
19093                    var lastGroup = getGroup(lastName);
19094                    var emailGroup = getGroup(email);
19095                    var phoneGroup = getGroup(phone);
19096                    var namesWrapper = firstName ? firstName.closest('.ff-field_container[data-name="names"]') : null;
19097                    var contactRow = emailGroup && phoneGroup ? emailGroup.parentElement : null;
19098
19099                    if (!isMobile) {
19100                        [firstGroup, lastGroup, emailGroup, phoneGroup, namesWrapper, contactRow].forEach(function (el) {
19101                            if (el) {
19102                                el.style.removeProperty('margin-top');
19103                                el.style.removeProperty('margin-bottom');
19104                                el.style.removeProperty('display');
19105                                el.style.removeProperty('gap');
19106                                el.style.removeProperty('row-gap');
19107                                el.style.removeProperty('column-gap');
19108                            }
19109                        });
19110
19111                        form.dataset.agbForm9MobileContactSpacingBusy = '0';
19112                        return;
19113                    }
19114
19115                    if (namesWrapper) {
19116                        namesWrapper.style.marginBottom = '0px';
19117                    }
19118
19119                    function setImportant(el, prop, value) {
19120                        if (el) {
19121                            el.style.setProperty(prop, value, 'important');
19122                        }
19123                    }
19124
19125                    if (contactRow && contactRow.contains(emailGroup) && contactRow.contains(phoneGroup)) {
19126                        setImportant(contactRow, 'display', 'block');
19127                        setImportant(contactRow, 'gap', '0px');
19128                        setImportant(contactRow, 'row-gap', '0px');
19129                        setImportant(contactRow, 'column-gap', '0px');
19130                        setImportant(contactRow, 'margin-top', '0px');
19131                        setImportant(contactRow, 'margin-bottom', '0px');
19132                    }
19133
19134                    if (firstGroup) {
19135                        setImportant(firstGroup, 'margin-top', '0px');
19136                        setImportant(firstGroup, 'margin-bottom', FIELD_GAP);
19137                    }
19138
19139                    if (lastGroup) {
19140                        setImportant(lastGroup, 'margin-top', '0px');
19141                        setImportant(lastGroup, 'margin-bottom', FIELD_GAP);
19142                    }
19143
19144                    if (emailGroup) {
19145                        setImportant(emailGroup, 'margin-top', '0px');
19146                        setImportant(emailGroup, 'margin-bottom', FIELD_GAP);
19147                        setImportant(emailGroup, 'padding-bottom', '0px');
19148                    }
19149
19150                    if (phoneGroup) {
19151                        setImportant(phoneGroup, 'margin-top', '0px');
19152                        setImportant(phoneGroup, 'margin-bottom', AFTER_PHONE_GAP);
19153                        setImportant(phoneGroup, 'padding-top', '0px');
19154                    }
19155                } finally {
19156                    form.dataset.agbForm9MobileContactSpacingBusy = '0';
19157                }
19158            }
19159
19160            function init() {
19161                var forms = document.querySelectorAll('#agb-ff-modal form.fluent_form_9, form.fluent_form_9');
19162
19163                forms.forEach(function (form) {
19164                    applyForm9MobileSpacing(form);
19165                });
19166            }
19167
19168            document.addEventListener('DOMContentLoaded', init);
19169            window.addEventListener('resize', function () {
19170                window.clearTimeout(window.agbForm9MobileContactSpacingTimer);
19171                window.agbForm9MobileContactSpacingTimer = window.setTimeout(init, 120);
19172            });
19173
19174            document.addEventListener('click', function () {
19175                window.setTimeout(init, 120);
19176                window.setTimeout(init, 350);
19177            });
19178
19179            var observer = new MutationObserver(function () {
19180                window.clearTimeout(window.agbForm9MobileContactSpacingMutationTimer);
19181                window.agbForm9MobileContactSpacingMutationTimer = window.setTimeout(init, 120);
19182            });
19183
19184            observer.observe(document.body, {
19185                childList: true,
19186                subtree: true
19187            });
19188        })();
19189    </script>
19189
19190            
19190<script id="agb-wpem-active-filter-feedback-v1-js">
19191        (function () {
19192            'use strict';
19193
19194            if (window.agbActiveFilterFeedbackV1Loaded) {
19195                return;
19196            }
19197
19198            window.agbActiveFilterFeedbackV1Loaded = true;
19199
19200            var updateTimer = null;
19201
19202
19203            /* ---------------------------------------------
19204               Allgemeine Hilfen
19205               --------------------------------------------- */
19206
19207            function normalizeText(value) {
19208                return String(value || '')
19209                    .replace(/\s+/g, ' ')
19210                    .trim();
19211            }
19212
19213            function normalizeKey(value) {
19214                return normalizeText(value).toLowerCase();
19215            }
19216
19217            function isNodeAfter(referenceNode, candidateNode) {
19218                if (
19219                    !referenceNode ||
19220                    !candidateNode ||
19221                    referenceNode === candidateNode
19222                ) {
19223                    return false;
19224                }
19225
19226                return Boolean(
19227                    referenceNode.compareDocumentPosition(candidateNode) &
19228                    Node.DOCUMENT_POSITION_FOLLOWING
19229                );
19230            }
19231
19232            function isNeutralValue(value) {
19233                var normalized = normalizeKey(value);
19234
19235                return (
19236                    !normalized ||
19237                    normalized === '0' ||
19238                    normalized === 'all' ||
19239                    normalized === 'any' ||
19240                    normalized === 'null' ||
19241                    normalized === '[]' ||
19242                    normalized === '{}' ||
19243                    normalized === 'datetime_any' ||
19244                    normalized === 'ticket_price_any'
19245                );
19246            }
19247
19248            function isNeutralOption(option) {
19249                if (!option) {
19250                    return true;
19251                }
19252
19253                if (isNeutralValue(option.value)) {
19254                    return true;
19255                }
19256
19257                var text = normalizeKey(option.textContent);
19258
19259                return /^(alle|all|any|beliebig|auswählen|bitte auswählen)/i.test(
19260                    text
19261                );
19262            }
19263
19264            function formatDateToken(value) {
19265                var token = normalizeText(value);
19266
19267                var isoMatch = token.match(
19268                    /^(\d{4})-(\d{2})-(\d{2})(?:[T\s].*)?$/
19269                );
19270
19271                if (isoMatch) {
19272                    return (
19273                        isoMatch[3] + '.' +
19274                        isoMatch[2] + '.' +
19275                        isoMatch[1].slice(-2)
19276                    );
19277                }
19278
19279                var germanMatch = token.match(
19280                    /^(\d{1,2})[.\-/](\d{1,2})[.\-/](\d{2}|\d{4})$/
19281                );
19282
19283                if (germanMatch) {
19284                    var day = germanMatch[1].padStart(2, '0');
19285                    var month = germanMatch[2].padStart(2, '0');
19286                    var year = germanMatch[3].slice(-2);
19287
19288                    return day + '.' + month + '.' + year;
19289                }
19290
19291                if (/^\d{10,13}$/.test(token)) {
19292                    var timestamp = Number(token);
19293
19294                    if (token.length === 10) {
19295                        timestamp *= 1000;
19296                    }
19297
19298                    var date = new Date(timestamp);
19299
19300                    if (!Number.isNaN(date.getTime())) {
19301                        return new Intl.DateTimeFormat(
19302                            'de-DE',
19303                            {
19304                                day: '2-digit',
19305                                month: '2-digit',
19306                                year: '2-digit'
19307                            }
19308                        ).format(date);
19309                    }
19310                }
19311
19312                return token;
19313            }
19314
19315            function collectStructuredValues(value, result) {
19316                if (Array.isArray(value)) {
19317                    value.forEach(function (item) {
19318                        collectStructuredValues(item, result);
19319                    });
19320                    return;
19321                }
19322
19323                if (value && typeof value === 'object') {
19324                    Object.keys(value).forEach(function (key) {
19325                        collectStructuredValues(value[key], result);
19326                    });
19327                    return;
19328                }
19329
19330                if (!isNeutralValue(value)) {
19331                    result.push(formatDateToken(value));
19332                }
19333            }
19334
19335
19336            /* ---------------------------------------------
19337               Überschrift und Ausgabeplatz
19338               --------------------------------------------- */
19339
19340            function findResultsHeading(filter) {
19341                var existing = document.querySelector(
19342                    '[data-agb-events-heading="1"]'
19343                );
19344
19345                if (existing) {
19346                    return existing;
19347                }
19348
19349                var headings = Array.prototype.slice.call(
19350                    document.querySelectorAll('h1, h2, h3, h4')
19351                );
19352
19353                for (var index = 0; index < headings.length; index += 1) {
19354                    var heading = headings[index];
19355
19356                    if (
19357                        normalizeKey(heading.textContent) === 'termine' &&
19358                        isNodeAfter(filter, heading)
19359                    ) {
19360                        heading.setAttribute(
19361                            'data-agb-events-heading',
19362                            '1'
19363                        );
19364
19365                        return heading;
19366                    }
19367                }
19368
19369                return null;
19370            }
19371
19372            function ensureHeadingRow(heading) {
19373                if (!heading || !heading.parentNode) {
19374                    return null;
19375                }
19376
19377                var row = heading.closest('.agb-events-heading-row');
19378
19379                if (row) {
19380                    return row;
19381                }
19382
19383                row = document.createElement('div');
19384                row.className = 'agb-events-heading-row';
19385
19386                heading.parentNode.insertBefore(row, heading);
19387                row.appendChild(heading);
19388
19389                return row;
19390            }
19391
19392            function ensureFeedbackElement(filter) {
19393                var heading = findResultsHeading(filter);
19394                var row = ensureHeadingRow(heading);
19395
19396                if (!row || !row.parentNode) {
19397                    return null;
19398                }
19399
19400                var feedback = document.querySelector(
19401                    '.agb-active-filter-feedback'
19402                );
19403
19404                if (!feedback) {
19405                    feedback = document.createElement('div');
19406                    feedback.className = 'agb-active-filter-feedback';
19407                    feedback.hidden = true;
19408
19409                    feedback.setAttribute('role', 'status');
19410                    feedback.setAttribute('aria-live', 'polite');
19411                    feedback.setAttribute('aria-atomic', 'true');
19412
19413                    var label = document.createElement('span');
19414                    label.className =
19415                        'agb-active-filter-feedback__label';
19416                    label.textContent = 'Gefiltert nach:';
19417
19418                    var items = document.createElement('div');
19419                    items.className =
19420                        'agb-active-filter-feedback__items';
19421
19422                    feedback.appendChild(label);
19423                    feedback.appendChild(items);
19424                }
19425
19426                /*
19427                 * Immer unmittelbar unter der kompletten Termine-Zeile.
19428                 * Dadurch bleibt die Position in Card-, Listen- und
19429                 * Kalenderansicht identisch.
19430                 */
19431                if (row.nextElementSibling !== feedback) {
19432                    row.insertAdjacentElement('afterend', feedback);
19433                }
19434
19435                return feedback;
19436            }
19437
19438
19439            /* ---------------------------------------------
19440               Filterwerte auslesen
19441               --------------------------------------------- */
19442
19443            function selectedOptionTexts(select) {
19444                if (!select || !select.options) {
19445                    return [];
19446                }
19447
19448                return Array.prototype.slice.call(select.options)
19449                    .filter(function (option) {
19450                        return option.selected && !isNeutralOption(option);
19451                    })
19452                    .map(function (option) {
19453                        return normalizeText(option.textContent);
19454                    })
19455                    .filter(Boolean);
19456            }
19457
19458            function getDateValues(control) {
19459                if (!control) {
19460                    return [];
19461                }
19462
19463                if (
19464                    String(control.tagName || '').toLowerCase() ===
19465                    'select'
19466                ) {
19467                    return selectedOptionTexts(control);
19468                }
19469
19470                var rawValue = normalizeText(control.value);
19471
19472                if (isNeutralValue(rawValue)) {
19473                    return [];
19474                }
19475
19476                if (
19477                    (
19478                        rawValue.charAt(0) === '{' &&
19479                        rawValue.charAt(rawValue.length - 1) === '}'
19480                    ) ||
19481                    (
19482                        rawValue.charAt(0) === '[' &&
19483                        rawValue.charAt(rawValue.length - 1) === ']'
19484                    )
19485                ) {
19486                    try {
19487                        var values = [];
19488
19489                        collectStructuredValues(
19490                            JSON.parse(rawValue),
19491                            values
19492                        );
19493
19494                        values = values
19495                            .map(normalizeText)
19496                            .filter(Boolean)
19497                            .filter(function (value, index, array) {
19498                                return array.indexOf(value) === index;
19499                            });
19500
19501                        if (values.length > 1) {
19502                            return [values.join(' – ')];
19503                        }
19504
19505                        if (values.length === 1) {
19506                            return values;
19507                        }
19508                    } catch (error) {
19509                        return ['Zeitraum ausgewählt'];
19510                    }
19511                }
19512
19513                return [formatDateToken(rawValue)];
19514            }
19515
19516            function getControlValues(control) {
19517                if (!control || control.disabled) {
19518                    return [];
19519                }
19520
19521                var tagName = String(
19522                    control.tagName || ''
19523                ).toLowerCase();
19524
19525                var type = String(
19526                    control.type || ''
19527                ).toLowerCase();
19528
19529                if (tagName === 'select') {
19530                    return selectedOptionTexts(control);
19531                }
19532
19533                if (type === 'checkbox' || type === 'radio') {
19534                    if (!control.checked || isNeutralValue(control.value)) {
19535                        return [];
19536                    }
19537
19538                    var explicitLabel = control.id
19539                        ? document.querySelector(
19540                            'label[for="' + CSS.escape(control.id) + '"]'
19541                        )
19542                        : null;
19543
19544                    return [
19545                        normalizeText(
19546                            explicitLabel
19547                                ? explicitLabel.textContent
19548                                : control.value
19549                        )
19550                    ].filter(Boolean);
19551                }
19552
19553                if (
19554                    type === 'button' ||
19555                    type === 'submit' ||
19556                    type === 'reset' ||
19557                    type === 'hidden'
19558                ) {
19559                    /*
19560                     * Versteckte WPEM-Suchfelder werden weiter unten
19561                     * gezielt behandelt, wenn ihr Name relevant ist.
19562                     */
19563                    if (type !== 'hidden') {
19564                        return [];
19565                    }
19566                }
19567
19568                var value = normalizeText(control.value);
19569
19570                return isNeutralValue(value) ? [] : [value];
19571            }
19572
19573            function getControlIdentity(control) {
19574                return normalizeKey(
19575                    [
19576                        control.id,
19577                        control.name,
19578                        control.getAttribute('data-placeholder'),
19579                        control.getAttribute('placeholder'),
19580                        control.getAttribute('aria-label')
19581                    ].filter(Boolean).join(' ')
19582                );
19583            }
19584
19585            function getControlLabel(control) {
19586                var identity = getControlIdentity(control);
19587
19588                if (/categor|angebot/.test(identity)) {
19589                    return 'Angebot';
19590                }
19591
19592                if (/event[_-]?type|zielgruppe|target/.test(identity)) {
19593                    return 'Zielgruppe';
19594                }
19595
19596                if (/keyword|suchbegriff|search[_-]?text/.test(identity)) {
19597                    return 'Suchbegriff';
19598                }
19599
19600                if (/location|ort|standort/.test(identity)) {
19601                    return 'Ort';
19602                }
19603
19604                if (/datetime|date|datum|zeitraum/.test(identity)) {
19605                    return 'Zeitraum';
19606                }
19607
19608                if (/ticket|price|preis/.test(identity)) {
19609                    return 'Preis';
19610                }
19611
19612                if (/tag|schlagwort/.test(identity)) {
19613                    return 'Schlagwort';
19614                }
19615
19616                return 'Filter';
19617            }
19618
19619            function shouldIgnoreGenericControl(control) {
19620                var identity = getControlIdentity(control);
19621
19622                return (
19623                    !identity ||
19624                    /nonce|action|orderby|order_by|pagination|page|per_page/.test(
19625                        identity
19626                    )
19627                );
19628            }
19629
19630            function collectActiveFilters(filter) {
19631                var items = [];
19632                var seen = Object.create(null);
19633                var handledControls = [];
19634
19635                function addItem(type, value) {
19636                    var cleanType = normalizeText(type);
19637                    var cleanValue = normalizeText(value);
19638
19639                    if (!cleanType || !cleanValue) {
19640                        return;
19641                    }
19642
19643                    var key = normalizeKey(
19644                        cleanType + '|' + cleanValue
19645                    );
19646
19647                    if (seen[key]) {
19648                        return;
19649                    }
19650
19651                    seen[key] = true;
19652
19653                    items.push({
19654                        type: cleanType,
19655                        value: cleanValue
19656                    });
19657                }
19658
19659                function handleControl(control, label, valueReader) {
19660                    if (!control) {
19661                        return;
19662                    }
19663
19664                    handledControls.push(control);
19665
19666                    var values = valueReader
19667                        ? valueReader(control)
19668                        : getControlValues(control);
19669
19670                    values.forEach(function (value) {
19671                        addItem(label, value);
19672                    });
19673                }
19674
19675                /*
19676                 * Gewünschte feste Reihenfolge des Feedbacks.
19677                 */
19678                handleControl(
19679                    filter.querySelector('#search_categories'),
19680                    'Angebot'
19681                );
19682
19683                handleControl(
19684                    filter.querySelector('#search_event_types'),
19685                    'Zielgruppe'
19686                );
19687
19688                handleControl(
19689                    filter.querySelector('#search_keywords'),
19690                    'Suchbegriff'
19691                );
19692
19693                handleControl(
19694                    filter.querySelector('#search_location'),
19695                    'Ort'
19696                );
19697
19698                handleControl(
19699                    filter.querySelector('#search_datetimes'),
19700                    'Zeitraum',
19701                    getDateValues
19702                );
19703
19704                handleControl(
19705                    filter.querySelector('#search_ticket_prices'),
19706                    'Preis'
19707                );
19708
19709                /*
19710                 * Weitere WPEM-Suchfelder, insbesondere versteckte
19711                 * Schlagwortwerte oder Add-on-Filter.
19712                 */
19713                Array.prototype.slice.call(
19714                    filter.querySelectorAll(
19715                        'input[name^="search_"], ' +
19716                        'select[name^="search_"], ' +
19717                        'textarea[name^="search_"]'
19718                    )
19719                ).forEach(function (control) {
19720                    if (
19721                        handledControls.indexOf(control) !== -1 ||
19722                        shouldIgnoreGenericControl(control)
19723                    ) {
19724                        return;
19725                    }
19726
19727                    var label = getControlLabel(control);
19728                    var values = /datetime|date|datum|zeitraum/.test(
19729                        getControlIdentity(control)
19730                    )
19731                        ? getDateValues(control)
19732                        : getControlValues(control);
19733
19734                    values.forEach(function (value) {
19735                        addItem(label, value);
19736                    });
19737                });
19738
19739                /*
19740                 * Fallback für native WPEM-Schlagwort-Links, falls das
19741                 * Plugin keinen auslesbaren search_*-Wert verwendet.
19742                 */
19743                Array.prototype.slice.call(
19744                    filter.querySelectorAll(
19745                        '#class_chose .is-active, ' +
19746                        '#class_chose .active, ' +
19747                        '#class_chose [aria-pressed="true"], ' +
19748                        '.filter_by_tag .is-active, ' +
19749                        '.filter_by_tag .active, ' +
19750                        '.filter_by_tag [aria-pressed="true"]'
19751                    )
19752                ).forEach(function (node) {
19753                    var value = normalizeText(node.textContent);
19754
19755                    if (value) {
19756                        addItem('Schlagwort', value);
19757                    }
19758                });
19759
19760                return items;
19761            }
19762
19763
19764            /* ---------------------------------------------
19765               Ausgabe aktualisieren
19766               --------------------------------------------- */
19767
19768            function renderFeedback(feedback, activeFilters) {
19769                if (!feedback) {
19770                    return;
19771                }
19772
19773                var itemsContainer = feedback.querySelector(
19774                    '.agb-active-filter-feedback__items'
19775                );
19776
19777                if (!itemsContainer) {
19778                    return;
19779                }
19780
19781                itemsContainer.innerHTML = '';
19782
19783                if (!activeFilters.length) {
19784                    feedback.hidden = true;
19785                    feedback.setAttribute('aria-hidden', 'true');
19786                    return;
19787                }
19788
19789                var fragment = document.createDocumentFragment();
19790
19791                activeFilters.forEach(function (item) {
19792                    var pill = document.createElement('span');
19793                    pill.className =
19794                        'agb-active-filter-feedback__pill';
19795
19796                    var type = document.createElement('span');
19797                    type.className =
19798                        'agb-active-filter-feedback__type';
19799                    type.textContent = item.type + ':';
19800
19801                    var value = document.createElement('span');
19802                    value.className =
19803                        'agb-active-filter-feedback__value';
19804                    value.textContent = item.value;
19805
19806                    pill.appendChild(type);
19807                    pill.appendChild(value);
19808                    fragment.appendChild(pill);
19809                });
19810
19811                itemsContainer.appendChild(fragment);
19812
19813                feedback.hidden = false;
19814                feedback.setAttribute('aria-hidden', 'false');
19815            }
19816
19817            function updateFeedback() {
19818                var filter = document.getElementById('event_filters');
19819
19820                if (!filter) {
19821                    return;
19822                }
19823
19824                var feedback = ensureFeedbackElement(filter);
19825
19826                if (!feedback) {
19827                    return;
19828                }
19829
19830                renderFeedback(
19831                    feedback,
19832                    collectActiveFilters(filter)
19833                );
19834            }
19835
19836            function scheduleUpdate() {
19837                window.clearTimeout(updateTimer);
19838
19839                updateTimer = window.setTimeout(
19840                    updateFeedback,
19841                    20
19842                );
19843
19844                [100, 300, 700].forEach(function (delay) {
19845                    window.setTimeout(updateFeedback, delay);
19846                });
19847            }
19848
19849
19850            /* ---------------------------------------------
19851               Ereignisse
19852               --------------------------------------------- */
19853
19854            function bindFilterEvents() {
19855                var filter = document.getElementById('event_filters');
19856
19857                if (
19858                    !filter ||
19859                    filter.hasAttribute(
19860                        'data-agb-active-feedback-bound'
19861                    )
19862                ) {
19863                    return;
19864                }
19865
19866                filter.setAttribute(
19867                    'data-agb-active-feedback-bound',
19868                    '1'
19869                );
19870
19871                filter.addEventListener('input', scheduleUpdate);
19872                filter.addEventListener('change', scheduleUpdate);
19873            }
19874
19875            function initialize() {
19876                bindFilterEvents();
19877                scheduleUpdate();
19878            }
19879
19880            document.addEventListener(
19881                'DOMContentLoaded',
19882                initialize
19883            );
19884
19885            window.addEventListener(
19886                'pageshow',
19887                initialize
19888            );
19889
19890            document.addEventListener(
19891                'click',
19892                function (event) {
19893                    var target = event.target;
19894
19895                    if (
19896                        !target ||
19897                        typeof target.closest !== 'function'
19898                    ) {
19899                        return;
19900                    }
19901
19902                    if (
19903                        target.closest(
19904                            '.agb-offer-filter-pill, ' +
19905                            '.filter_by_tag a, ' +
19906                            '.agb-all-filters-reset, ' +
19907                            '.chosen-container, ' +
19908                            '.comiseo-daterangepicker-triggerbutton'
19909                        )
19910                    ) {
19911                        scheduleUpdate();
19912                    }
19913                }
19914            );
19915
19916            /*
19917             * WPEM aktualisiert die Ergebnisse per AJAX.
19918             */
19919            if (window.jQuery) {
19920                window.jQuery(document).ajaxComplete(function () {
19921                    bindFilterEvents();
19922                    scheduleUpdate();
19923                });
19924            }
19925
19926            initialize();
19927
19928        }());
19929        </script>
19929
19930            <style id="agb-modal-programmcards-kompakt-1-spalte-v1-css">
19931        #agb-ff-modal
19932        .agb-form9-program-modal
19933        .agb-form9-program-modal-list {
19934            grid-template-columns: minmax(0, 1fr) !important;
19935            gap: 8px !important;
19936            align-items: stretch !important;
19937        }
19938
19939        #agb-ff-modal
19940        .agb-form9-program-modal
19941        .agb-form9-program-modal-item {
19942            min-width: 0 !important;
19943            width: 100% !important;
19944            height: auto !important;
19945            gap: 9px !important;
19946            padding: 10px 12px !important;
19947            border-radius: 9px !important;
19948            box-shadow:
19949                0 7px 18px rgba(16, 48, 58, 0.030),
19950                0 0 10px rgba(62, 183, 171, 0.035) !important;
19951        }
19952
19953        #agb-ff-modal
19954        .agb-form9-program-modal
19955        .agb-form9-program-modal-icon {
19956            flex: 0 0 17px !important;
19957            width: 17px !important;
19958            height: 19px !important;
19959            margin-top: 1px !important;
19960            transform: translateX(-3px) !important;
19961        }
19962
19963        #agb-ff-modal
19964        .agb-form9-program-modal
19965        .agb-form9-program-modal-icon img {
19966            width: 15px !important;
19967            height: 15px !important;
19968        }
19969
19970        #agb-ff-modal
19971        .agb-form9-program-modal
19972        .agb-form9-program-modal-content {
19973            min-width: 0 !important;
19974            margin-right: -5px !important;
19975            transform: translateX(-5px) !important;
19976        }
19977
19978        #agb-ff-modal
19979        .agb-form9-program-modal
19980        .agb-form9-program-modal-title {
19981            margin-bottom: 3px !important;
19982            font-size: 12.5px !important;
19983            line-height: 1.22 !important;
19984            letter-spacing: -0.03px !important;
19985            overflow-wrap: anywhere !important;
19986            hyphens: auto !important;
19987        }
19988
19989        #agb-ff-modal
19990        .agb-form9-program-modal
19991        .agb-form9-program-modal-artists {
19992            font-size: 10.5px !important;
19993            line-height: 1.28 !important;
19994            letter-spacing: 0 !important;
19995            overflow-wrap: anywhere !important;
19996            hyphens: auto !important;
19997        }
19998    </style>
19999            
19999<script id="agb-chromium-card-title-fix-v2">
20000        (function () {
20001            'use strict';
20002
20003            if (window.agbChromiumCardTitleFixV2Loaded) {
20004                return;
20005            }
20006
20007            window.agbChromiumCardTitleFixV2Loaded = true;
20008
20009            var resizeTimer = null;
20010
20011
20012            function isChromiumBrowser() {
20013                if (
20014                    navigator.userAgentData &&
20015                    Array.isArray(navigator.userAgentData.brands)
20016                ) {
20017                    return navigator.userAgentData.brands.some(
20018                        function (brand) {
20019                            return /Chromium|Google Chrome|Microsoft Edge|Opera/i.test(
20020                                brand.brand || ''
20021                            );
20022                        }
20023                    );
20024                }
20025
20026                return (
20027                    /Chrome|Chromium|CriOS|Edg|OPR/i.test(
20028                        navigator.userAgent || ''
20029                    ) &&
20030                    !/Firefox|FxiOS/i.test(
20031                        navigator.userAgent || ''
20032                    )
20033                );
20034            }
20035
20036
20037            function desktopFixIsRequired() {
20038                return (
20039                    isChromiumBrowser() &&
20040                    window.matchMedia('(min-width: 1400px)').matches
20041                );
20042            }
20043
20044
20045            function resetInlineFix(wrapper, title) {
20046                [
20047                    'display',
20048                    'align-items',
20049                    'height',
20050                    'min-height',
20051                    'max-height',
20052                    'overflow'
20053                ].forEach(function (property) {
20054                    wrapper.style.removeProperty(property);
20055                });
20056
20057                [
20058                    'display',
20059                    'width',
20060                    'height',
20061                    'min-height',
20062                    'max-height',
20063                    'margin',
20064                    'padding',
20065                    'line-height',
20066                    'white-space',
20067                    'overflow',
20068                    'text-overflow',
20069                    '-webkit-line-clamp',
20070                    '-webkit-box-orient'
20071                ].forEach(function (property) {
20072                    title.style.removeProperty(property);
20073                });
20074
20075                wrapper.removeAttribute(
20076                    'data-agb-chromium-title-fixed'
20077                );
20078            }
20079
20080
20081            function applyFix() {
20082                var wrappers = document.querySelectorAll(
20083                    '.wpem-event-listings:not(.wpem-event-listing-list-view) ' +
20084                    '.wpem-event-layout-wrapper.agb-event-listing-card-rounded ' +
20085                    '.wpem-event-title'
20086                );
20087
20088                wrappers.forEach(function (wrapper) {
20089                    var title = wrapper.querySelector(
20090                        '.wpem-heading-text'
20091                    );
20092
20093                    if (!title) {
20094                        return;
20095                    }
20096
20097                    if (!desktopFixIsRequired()) {
20098                        resetInlineFix(wrapper, title);
20099                        return;
20100                    }
20101
20102                    /*
20103                     * Exakt der in Chrome erfolgreich getestete Fix.
20104                     * Inline + important gewinnt auch gegen später geladenes CSS.
20105                     */
20106                    wrapper.style.setProperty(
20107                        'display',
20108                        'flex',
20109                        'important'
20110                    );
20111
20112                    wrapper.style.setProperty(
20113                        'align-items',
20114                        'center',
20115                        'important'
20116                    );
20117
20118                    wrapper.style.setProperty(
20119                        'height',
20120                        '48px',
20121                        'important'
20122                    );
20123
20124                    wrapper.style.setProperty(
20125                        'min-height',
20126                        '48px',
20127                        'important'
20128                    );
20129
20130                    wrapper.style.setProperty(
20131                        'max-height',
20132                        '48px',
20133                        'important'
20134                    );
20135
20136                    wrapper.style.setProperty(
20137                        'overflow',
20138                        'visible',
20139                        'important'
20140                    );
20141
20142                    title.style.setProperty(
20143                        'display',
20144                        'block',
20145                        'important'
20146                    );
20147
20148                    title.style.setProperty(
20149                        'width',
20150                        '100%',
20151                        'important'
20152                    );
20153
20154                    title.style.setProperty(
20155                        'height',
20156                        'auto',
20157                        'important'
20158                    );
20159
20160                    title.style.setProperty(
20161                        'min-height',
20162                        '0',
20163                        'important'
20164                    );
20165
20166                    title.style.setProperty(
20167                        'max-height',
20168                        '48px',
20169                        'important'
20170                    );
20171
20172                    title.style.setProperty(
20173                        'margin',
20174                        '0',
20175                        'important'
20176                    );
20177
20178                    title.style.setProperty(
20179                        'padding',
20180                        '0 0 4px 0',
20181                        'important'
20182                    );
20183
20184                    title.style.setProperty(
20185                        'line-height',
20186                        '22px',
20187                        'important'
20188                    );
20189
20190                    title.style.setProperty(
20191                        'white-space',
20192                        'normal',
20193                        'important'
20194                    );
20195
20196                    title.style.setProperty(
20197                        'overflow',
20198                        'hidden',
20199                        'important'
20200                    );
20201
20202                    title.style.setProperty(
20203                        'text-overflow',
20204                        'clip',
20205                        'important'
20206                    );
20207
20208                    title.style.setProperty(
20209                        '-webkit-line-clamp',
20210                        'unset',
20211                        'important'
20212                    );
20213
20214                    title.style.setProperty(
20215                        '-webkit-box-orient',
20216                        'unset',
20217                        'important'
20218                    );
20219
20220                    wrapper.setAttribute(
20221                        'data-agb-chromium-title-fixed',
20222                        '1'
20223                    );
20224                });
20225            }
20226
20227
20228            function scheduleFix() {
20229                [0, 60, 180, 400, 800].forEach(function (delay) {
20230                    window.setTimeout(applyFix, delay);
20231                });
20232            }
20233
20234
20235            function bindViewSwitches() {
20236                if (window.agbChromiumCardTitleViewSwitchBound) {
20237                    return;
20238                }
20239
20240                window.agbChromiumCardTitleViewSwitchBound = true;
20241
20242                document.addEventListener(
20243                    'click',
20244                    function (event) {
20245                        var target = event.target;
20246
20247                        if (
20248                            !target ||
20249                            typeof target.closest !== 'function'
20250                        ) {
20251                            return;
20252                        }
20253
20254                        if (
20255                            target.closest(
20256                                '#wpem-event-box-layout, ' +
20257                                '#wpem-event-list-layout, ' +
20258                                '#wpem-event-calendar-layout'
20259                            )
20260                        ) {
20261                            scheduleFix();
20262                        }
20263                    }
20264                );
20265            }
20266
20267
20268            function initialize() {
20269                bindViewSwitches();
20270                scheduleFix();
20271            }
20272
20273
20274            if (document.readyState === 'loading') {
20275                document.addEventListener(
20276                    'DOMContentLoaded',
20277                    initialize,
20278                    { once: true }
20279                );
20280            } else {
20281                initialize();
20282            }
20283
20284            window.addEventListener(
20285                'pageshow',
20286                scheduleFix
20287            );
20288
20289            window.addEventListener(
20290                'resize',
20291                function () {
20292                    window.clearTimeout(resizeTimer);
20293
20294                    resizeTimer = window.setTimeout(
20295                        applyFix,
20296                        180
20297                    );
20298                },
20299                { passive: true }
20300            );
20301
20302            /*
20303             * WPEM lädt Karten und Ansichten per AJAX neu.
20304             */
20305            if (window.jQuery) {
20306                window.jQuery(document).ajaxComplete(function () {
20307                    scheduleFix();
20308                });
20309            }
20310
20311        }());
20312        </script>
20312
20313                
20313<script id="agb-card-image-focus-frontend-v1-js">
20314        (function () {
20315            'use strict';
20316
20317            if (window.agbCardImageFocusFrontendV1Loaded) {
20318                return;
20319            }
20320
20321            window.agbCardImageFocusFrontendV1Loaded = true;
20322
20323            var selector =
20324                '.wpem-event-banner-img.agb-card-focus-enabled' +
20325                '[data-agb-card-focus="1"]';
20326
20327            var imageCache = new Map();
20328            var resizeObserver = null;
20329            var mutationTimer = null;
20330            var resizeTimer = null;
20331
20332
20333            function clamp(value, min, max) {
20334                return Math.min(
20335                    Math.max(value, min),
20336                    max
20337                );
20338            }
20339
20340
20341            function numberFromAttribute(element, name, fallback) {
20342                var value = parseFloat(
20343                    element.getAttribute(name)
20344                );
20345
20346                return Number.isFinite(value)
20347                    ? value
20348                    : fallback;
20349            }
20350
20351
20352            function imageDimensions(url) {
20353                if (imageCache.has(url)) {
20354                    return imageCache.get(url);
20355                }
20356
20357                var promise = new Promise(function (resolve, reject) {
20358                    var image = new Image();
20359
20360                    image.onload = function () {
20361                        if (
20362                            image.naturalWidth > 0 &&
20363                            image.naturalHeight > 0
20364                        ) {
20365                            resolve({
20366                                width: image.naturalWidth,
20367                                height: image.naturalHeight
20368                            });
20369                        } else {
20370                            reject(
20371                                new Error(
20372                                    'Bild besitzt keine gültigen Abmessungen.'
20373                                )
20374                            );
20375                        }
20376                    };
20377
20378                    image.onerror = function () {
20379                        reject(
20380                            new Error(
20381                                'Card-Bild konnte nicht geladen werden.'
20382                            )
20383                        );
20384                    };
20385
20386                    image.src = url;
20387                });
20388
20389                imageCache.set(url, promise);
20390
20391                return promise;
20392            }
20393
20394
20395            function directDateTile(banner) {
20396                var children = banner.children;
20397
20398                for (
20399                    var index = 0;
20400                    index < children.length;
20401                    index++
20402                ) {
20403                    if (
20404                        children[index].classList.contains(
20405                            'wpem-event-date'
20406                        )
20407                    ) {
20408                        return children[index];
20409                    }
20410                }
20411
20412                return null;
20413            }
20414
20415
20416            function tileIsVisible(tile) {
20417                if (!tile) {
20418                    return false;
20419                }
20420
20421                var style = window.getComputedStyle(tile);
20422                var rect = tile.getBoundingClientRect();
20423
20424                return (
20425                    style.display !== 'none' &&
20426                    style.visibility !== 'hidden' &&
20427                    parseFloat(style.opacity || '1') !== 0 &&
20428                    rect.width > 1 &&
20429                    rect.height > 1
20430                );
20431            }
20432
20433
20434            function targetPosition(banner, width, height) {
20435                /*
20436                 * Der Fokus soll nicht nur knapp neben dem Datum-Tile
20437                 * sitzen, sondern innerhalb des verbleibenden sicheren
20438                 * Bereichs zentriert werden.
20439                 */
20440                var sidePadding = Math.max(
20441                    12,
20442                    Math.min(20, width * 0.04)
20443                );
20444
20445                var tileGap = Math.max(
20446                    14,
20447                    Math.min(24, width * 0.05)
20448                );
20449
20450                var safeLeft = sidePadding;
20451                var safeRight = Math.max(
20452                    safeLeft + 1,
20453                    width - sidePadding
20454                );
20455
20456                var tile = directDateTile(banner);
20457
20458                if (tileIsVisible(tile)) {
20459                    var bannerRect =
20460                        banner.getBoundingClientRect();
20461
20462                    var tileRect =
20463                        tile.getBoundingClientRect();
20464
20465                    var tileRight =
20466                        tileRect.right - bannerRect.left;
20467
20468                    safeLeft = clamp(
20469                        tileRight + tileGap,
20470                        sidePadding,
20471                        Math.max(
20472                            sidePadding,
20473                            safeRight - 20
20474                        )
20475                    );
20476                }
20477
20478                var targetX = (
20479                    safeLeft + safeRight
20480                ) / 2;
20481
20482                var targetY = height / 2;
20483
20484                return {
20485                    x: clamp(targetX, 0, width),
20486                    y: clamp(targetY, 0, height)
20487                };
20488            }
20489
20490
20491            function requiredScale(
20492                containerWidth,
20493                containerHeight,
20494                imageWidth,
20495                imageHeight,
20496                focusX,
20497                focusY,
20498                targetX,
20499                targetY
20500            ) {
20501                var coverScale = Math.max(
20502                    containerWidth / imageWidth,
20503                    containerHeight / imageHeight
20504                );
20505
20506                var focusPixelX =
20507                    imageWidth * focusX;
20508
20509                var focusPixelY =
20510                    imageHeight * focusY;
20511
20512                var rightImageSpace =
20513                    imageWidth - focusPixelX;
20514
20515                var bottomImageSpace =
20516                    imageHeight - focusPixelY;
20517
20518                var requirements = [
20519                    coverScale
20520                ];
20521
20522                if (focusPixelX > 0.01) {
20523                    requirements.push(
20524                        targetX / focusPixelX
20525                    );
20526                }
20527
20528                if (rightImageSpace > 0.01) {
20529                    requirements.push(
20530                        (
20531                            containerWidth - targetX
20532                        ) / rightImageSpace
20533                    );
20534                }
20535
20536                if (focusPixelY > 0.01) {
20537                    requirements.push(
20538                        targetY / focusPixelY
20539                    );
20540                }
20541
20542                if (bottomImageSpace > 0.01) {
20543                    requirements.push(
20544                        (
20545                            containerHeight - targetY
20546                        ) / bottomImageSpace
20547                    );
20548                }
20549
20550                var scale = Math.max.apply(
20551                    Math,
20552                    requirements
20553                );
20554
20555                /*
20556                 * Ein Fokus exakt am äußersten Bildrand könnte
20557                 * mathematisch eine extreme Vergrößerung verlangen.
20558                 * Das Limit verhindert unbrauchbare Ausschnitte.
20559                 */
20560                var maximumScale =
20561                    coverScale * 2.5;
20562
20563                return {
20564                    scale: clamp(
20565                        scale,
20566                        coverScale,
20567                        maximumScale
20568                    ),
20569                    coverScale: coverScale
20570                };
20571            }
20572
20573
20574            function applyToBanner(banner) {
20575                if (
20576                    !banner ||
20577                    !banner.matches(selector)
20578                ) {
20579                    return;
20580                }
20581
20582                var width = banner.clientWidth;
20583                var height = banner.clientHeight;
20584
20585                /*
20586                 * Versteckte Card-/Grid-Strukturen werden erst
20587                 * berechnet, sobald sie tatsächlich sichtbar sind.
20588                 */
20589                if (width < 2 || height < 2) {
20590                    return;
20591                }
20592
20593                var url = banner.getAttribute(
20594                    'data-agb-card-image-url'
20595                );
20596
20597                if (!url) {
20598                    return;
20599                }
20600
20601                var focusX = clamp(
20602                    numberFromAttribute(
20603                        banner,
20604                        'data-agb-card-focus-x',
20605                        50
20606                    ),
20607                    0,
20608                    100
20609                ) / 100;
20610
20611                var focusY = clamp(
20612                    numberFromAttribute(
20613                        banner,
20614                        'data-agb-card-focus-y',
20615                        50
20616                    ),
20617                    0,
20618                    100
20619                ) / 100;
20620
20621                var target = targetPosition(
20622                    banner,
20623                    width,
20624                    height
20625                );
20626
20627                imageDimensions(url)
20628                    .then(function (dimensions) {
20629                        /*
20630                         * Die Card kann sich während des Ladens
20631                         * bereits verändert haben.
20632                         */
20633                        var currentWidth =
20634                            banner.clientWidth;
20635
20636                        var currentHeight =
20637                            banner.clientHeight;
20638
20639                        if (
20640                            currentWidth < 2 ||
20641                            currentHeight < 2
20642                        ) {
20643                            return;
20644                        }
20645
20646                        if (
20647                            currentWidth !== width ||
20648                            currentHeight !== height
20649                        ) {
20650                            applyToBanner(banner);
20651                            return;
20652                        }
20653
20654                        var scaleResult =
20655                            requiredScale(
20656                                width,
20657                                height,
20658                                dimensions.width,
20659                                dimensions.height,
20660                                focusX,
20661                                focusY,
20662                                target.x,
20663                                target.y
20664                            );
20665
20666                        var renderedWidth =
20667                            dimensions.width *
20668                            scaleResult.scale;
20669
20670                        var renderedHeight =
20671                            dimensions.height *
20672                            scaleResult.scale;
20673
20674                        var focusRenderedX =
20675                            dimensions.width *
20676                            focusX *
20677                            scaleResult.scale;
20678
20679                        var focusRenderedY =
20680                            dimensions.height *
20681                            focusY *
20682                            scaleResult.scale;
20683
20684                        var offsetX =
20685                            target.x -
20686                            focusRenderedX;
20687
20688                        var offsetY =
20689                            target.y -
20690                            focusRenderedY;
20691
20692                        offsetX = clamp(
20693                            offsetX,
20694                            width - renderedWidth,
20695                            0
20696                        );
20697
20698                        offsetY = clamp(
20699                            offsetY,
20700                            height - renderedHeight,
20701                            0
20702                        );
20703
20704                        banner.style.setProperty(
20705                            'background-image',
20706                            'url("' +
20707                                url.replace(/"/g, '\\"') +
20708                                '")',
20709                            'important'
20710                        );
20711
20712                        banner.style.setProperty(
20713                            'background-size',
20714                            renderedWidth.toFixed(2) +
20715                                'px ' +
20716                                renderedHeight.toFixed(2) +
20717                                'px',
20718                            'important'
20719                        );
20720
20721                        banner.style.setProperty(
20722                            'background-position',
20723                            offsetX.toFixed(2) +
20724                                'px ' +
20725                                offsetY.toFixed(2) +
20726                                'px',
20727                            'important'
20728                        );
20729
20730                        banner.style.setProperty(
20731                            'background-repeat',
20732                            'no-repeat',
20733                            'important'
20734                        );
20735
20736                        banner.setAttribute(
20737                            'data-agb-card-focus-applied',
20738                            '1'
20739                        );
20740                    })
20741                    .catch(function () {
20742                        /*
20743                         * Bei einem Ladefehler bleibt die vom PHP
20744                         * gesetzte normale Hintergrundposition bestehen.
20745                         */
20746                    });
20747            }
20748
20749
20750            function observeBanner(banner) {
20751                if (
20752                    !resizeObserver ||
20753                    !banner ||
20754                    banner.getAttribute(
20755                        'data-agb-card-focus-observed'
20756                    ) === '1'
20757                ) {
20758                    return;
20759                }
20760
20761                banner.setAttribute(
20762                    'data-agb-card-focus-observed',
20763                    '1'
20764                );
20765
20766                resizeObserver.observe(banner);
20767            }
20768
20769
20770            function applyAll() {
20771                document.querySelectorAll(
20772                    selector
20773                ).forEach(function (banner) {
20774                    observeBanner(banner);
20775                    applyToBanner(banner);
20776                });
20777            }
20778
20779
20780            function scheduleApply() {
20781                [
20782                    0,
20783                    80,
20784                    220,
20785                    500,
20786                    900
20787                ].forEach(function (delay) {
20788                    window.setTimeout(
20789                        applyAll,
20790                        delay
20791                    );
20792                });
20793            }
20794
20795
20796            if ('ResizeObserver' in window) {
20797                resizeObserver = new ResizeObserver(
20798                    function (entries) {
20799                        entries.forEach(function (entry) {
20800                            applyToBanner(entry.target);
20801                        });
20802                    }
20803                );
20804            }
20805
20806
20807            var mutationObserver = new MutationObserver(
20808                function () {
20809                    window.clearTimeout(
20810                        mutationTimer
20811                    );
20812
20813                    mutationTimer = window.setTimeout(
20814                        applyAll,
20815                        60
20816                    );
20817                }
20818            );
20819
20820
20821            function initialize() {
20822                mutationObserver.observe(
20823                    document.body,
20824                    {
20825                        childList: true,
20826                        subtree: true,
20827                        attributes: true,
20828                        attributeFilter: [
20829                            'class'
20830                        ]
20831                    }
20832                );
20833
20834                scheduleApply();
20835            }
20836
20837
20838            if (document.readyState === 'loading') {
20839                document.addEventListener(
20840                    'DOMContentLoaded',
20841                    initialize,
20842                    { once: true }
20843                );
20844            } else {
20845                initialize();
20846            }
20847
20848
20849            window.addEventListener(
20850                'pageshow',
20851                scheduleApply
20852            );
20853
20854
20855            window.addEventListener(
20856                'resize',
20857                function () {
20858                    window.clearTimeout(
20859                        resizeTimer
20860                    );
20861
20862                    resizeTimer = window.setTimeout(
20863                        applyAll,
20864                        160
20865                    );
20866                },
20867                { passive: true }
20868            );
20869
20870
20871            document.addEventListener(
20872                'click',
20873                function (event) {
20874                    var target = event.target;
20875
20876                    if (
20877                        !target ||
20878                        typeof target.closest !== 'function'
20879                    ) {
20880                        return;
20881                    }
20882
20883                    if (
20884                        target.closest(
20885                            '#wpem-event-box-layout, ' +
20886                            '#wpem-event-list-layout, ' +
20887                            '#wpem-event-calendar-layout, ' +
20888                            '.agb-offer-filter-pill, ' +
20889                            '.agb-all-filters-reset'
20890                        )
20891                    ) {
20892                        scheduleApply();
20893                    }
20894                }
20895            );
20896
20897
20898            /*
20899             * WPEM ersetzt die Event-Ausgabe bei Filtern und
20900             * Ansichtswechseln häufig per AJAX.
20901             */
20902            if (window.jQuery) {
20903                window.jQuery(document).ajaxComplete(
20904                    function () {
20905                        scheduleApply();
20906                    }
20907                );
20908            }
20909
20910        }());
20911        </script>
20911
20912                <style id="agb-title-views-partner-wrap-v6-css">
20913
20914        /* =====================================================
20915           1 – Aufrufzahl inline im Titel
20916           ===================================================== */
20917
20918        body.single-event_listing
20919        .wpem-single-event-page
20920        .wpem-single-event-short-info
20921        .wpem-event-title
20922        h3.wpem-heading-text
20923        > .agb-title-viewcount-v6 {
20924            display: inline-flex !important;
20925            align-items: center !important;
20926            justify-content: flex-start !important;
20927
20928            width: auto !important;
20929            max-width: none !important;
20930
20931            margin: 0 0 0 11px !important;
20932            padding: 0 !important;
20933
20934            float: none !important;
20935            clear: none !important;
20936
20937            color: #7a858b !important;
20938            font-size: 14px !important;
20939            font-weight: 400 !important;
20940            line-height: 1 !important;
20941            white-space: nowrap !important;
20942
20943            vertical-align: 0.08em !important;
20944        }
20945
20946        body.single-event_listing
20947        .wpem-single-event-page
20948        .wpem-single-event-short-info
20949        .wpem-event-title
20950        h3.wpem-heading-text
20951        > .agb-title-viewcount-v6 i {
20952            margin: 0 1px 0 0 !important;
20953            padding: 0 !important;
20954            font-size: 15px !important;
20955            line-height: 1 !important;
20956        }
20957
20958        body.single-event_listing
20959        .wpem-single-event-page
20960        .wpem-single-event-short-info
20961        .wpem-event-title
20962        h3.wpem-heading-text
20963        > .agb-title-viewcount-v6
20964        .wpem-tooltiptext {
20965            font-size: 12px !important;
20966            font-weight: 400 !important;
20967            line-height: 1.35 !important;
20968            white-space: normal !important;
20969        }
20970
20971
20972        /* =====================================================
20973           2 – Grundaufbau Kooperationspartner
20974           ===================================================== */
20975
20976        body.single-event_listing
20977        .wpem-single-event-page
20978        .wpem-single-event-short-info
20979        .wpem-event-details
20980        > .agb-event-veranstalter-line {
20981            display: block !important;
20982            align-items: initial !important;
20983            justify-content: initial !important;
20984
20985            width: 100% !important;
20986            max-width: 100% !important;
20987            box-sizing: border-box !important;
20988
20989            margin: 7px 0 0 0 !important;
20990            padding: 0 !important;
20991
20992            color: #5a5a5a !important;
20993            font-size: 15px !important;
20994            font-weight: 600 !important;
20995            line-height: 1.4 !important;
20996
20997            text-align: left !important;
20998            white-space: normal !important;
20999            word-break: normal !important;
21000            overflow-wrap: normal !important;
21001            hyphens: none !important;
21002
21003            vertical-align: baseline !important;
21004        }
21005
21006        /*
21007         * Label auf Desktop/Tablet inline.
21008         */
21009        body.single-event_listing
21010        .wpem-single-event-page
21011        .wpem-single-event-short-info
21012        .wpem-event-details
21013        > .agb-event-veranstalter-line
21014        > strong.agb-partner-label-v6 {
21015            display: inline !important;
21016            margin: 0 !important;
21017            padding: 0 !important;
21018
21019            color: #073949 !important;
21020            font-size: 16.5px !important;
21021            font-weight: 800 !important;
21022            line-height: inherit !important;
21023
21024            white-space: nowrap !important;
21025            vertical-align: baseline !important;
21026        }
21027
21028        /*
21029         * Gemeinsamer Fluss aller Partner.
21030         */
21031        body.single-event_listing
21032        .wpem-single-event-page
21033        .wpem-single-event-short-info
21034        .wpem-event-details
21035        > .agb-event-veranstalter-line
21036        > span.agb-partner-list-v6 {
21037            display: inline !important;
21038            width: auto !important;
21039            max-width: 100% !important;
21040
21041            margin: 0 !important;
21042            padding: 0 !important;
21043
21044            color: #5a5a5a !important;
21045            font-size: 15px !important;
21046            font-weight: 600 !important;
21047            line-height: inherit !important;
21048
21049            white-space: normal !important;
21050            word-break: normal !important;
21051            overflow-wrap: normal !important;
21052            hyphens: none !important;
21053
21054            vertical-align: baseline !important;
21055        }
21056
21057        /*
21058         * Jeder Partnername ist eine untrennbare Einheit.
21059         * Zwischen den Items liegt ein normales Leerzeichen:
21060         * nur dort kann umgebrochen werden.
21061         */
21062        body.single-event_listing
21063        .wpem-single-event-page
21064        .wpem-single-event-short-info
21065        .wpem-event-details
21066        > .agb-event-veranstalter-line
21067        > span.agb-partner-list-v6
21068        > span.agb-partner-item-v6 {
21069            display: inline-block !important;
21070            width: auto !important;
21071            max-width: none !important;
21072
21073            margin: 0 !important;
21074            padding: 0 !important;
21075
21076            color: inherit !important;
21077            font-size: inherit !important;
21078            font-weight: inherit !important;
21079            line-height: inherit !important;
21080
21081            white-space: nowrap !important;
21082            word-break: keep-all !important;
21083            overflow-wrap: normal !important;
21084            hyphens: none !important;
21085
21086            vertical-align: baseline !important;
21087        }
21088
21089
21090        /* =====================================================
21091           3 – Handy hochkant: Label immer eigene Zeile
21092           ===================================================== */
21093
21094        @media (max-width: 760px) and (orientation: portrait) {
21095
21096            body.single-event_listing
21097            .wpem-single-event-page
21098            .wpem-single-event-short-info
21099            .wpem-event-title
21100            h3.wpem-heading-text
21101            > .agb-title-viewcount-v6 {
21102                margin-left: 8px !important;
21103                font-size: 13px !important;
21104                vertical-align: 0.06em !important;
21105            }
21106
21107            body.single-event_listing
21108            .wpem-single-event-page
21109            .wpem-single-event-short-info
21110            .wpem-event-title
21111            h3.wpem-heading-text
21112            > .agb-title-viewcount-v6 i {
21113                margin-right: 0 !important;
21114                font-size: 14px !important;
21115            }
21116
21117            /*
21118             * Sicherer rechter Abstand.
21119             * Der Text kann dadurch nicht bis an den Card-/Contentrand laufen.
21120             */
21121            body.single-event_listing
21122            .wpem-single-event-page
21123            .wpem-single-event-short-info
21124            .wpem-event-details
21125            > .agb-event-veranstalter-line {
21126                display: block !important;
21127                align-items: initial !important;
21128
21129                width: 100% !important;
21130                max-width: 100% !important;
21131                box-sizing: border-box !important;
21132
21133                margin: 7px 0 8px 0 !important;
21134                padding: 0 12px 0 0 !important;
21135
21136                font-size: 14px !important;
21137                line-height: 1.42 !important;
21138                text-align: left !important;
21139
21140                overflow: visible !important;
21141            }
21142
21143            /*
21144             * Label steht auf Handy hochkant IMMER allein.
21145             */
21146            body.single-event_listing
21147            .wpem-single-event-page
21148            .wpem-single-event-short-info
21149            .wpem-event-details
21150            > .agb-event-veranstalter-line
21151            > strong.agb-partner-label-v6 {
21152                display: block !important;
21153                width: 100% !important;
21154
21155                margin: 0 0 2px 0 !important;
21156                padding: 0 !important;
21157
21158                font-size: 14px !important;
21159                line-height: 1.42 !important;
21160                white-space: nowrap !important;
21161            }
21162
21163            /*
21164             * Partnerliste beginnt darunter und nutzt die verfügbare Breite.
21165             */
21166            body.single-event_listing
21167            .wpem-single-event-page
21168            .wpem-single-event-short-info
21169            .wpem-event-details
21170            > .agb-event-veranstalter-line
21171            > span.agb-partner-list-v6 {
21172                display: block !important;
21173                width: 100% !important;
21174                max-width: 100% !important;
21175                box-sizing: border-box !important;
21176
21177                margin: 0 !important;
21178                padding: 0 !important;
21179
21180                font-size: 14px !important;
21181                line-height: 1.42 !important;
21182                white-space: normal !important;
21183            }
21184
21185            body.single-event_listing
21186            .wpem-single-event-page
21187            .wpem-single-event-short-info
21188            .wpem-event-details
21189            > .agb-event-veranstalter-line
21190            > span.agb-partner-list-v6
21191            > span.agb-partner-item-v6 {
21192                display: inline-block !important;
21193                white-space: nowrap !important;
21194            }
21195        }
21196
21197        </style>
21198
21199        
21199<script id="agb-title-views-partner-wrap-v6-js">
21200        (function () {
21201            'use strict';
21202
21203            if (window.agbTitleViewsPartnerWrapV6Loaded) {
21204                return;
21205            }
21206
21207            window.agbTitleViewsPartnerWrapV6Loaded = true;
21208
21209
21210            function normalizeText(value) {
21211                return String(value || '')
21212                    .replace(/\u00a0/g, ' ')
21213                    .replace(/\s+/g, ' ')
21214                    .replace(/,\s*$/, '')
21215                    .trim();
21216            }
21217
21218
21219            /* =================================================
21220               Aufrufzahl in den Titel verschieben
21221               ================================================= */
21222
21223            function placeViewCountInTitle(details) {
21224                var heading = details.querySelector(
21225                    ':scope > .wpem-event-title > h3.wpem-heading-text'
21226                );
21227
21228                if (!heading) {
21229                    return;
21230                }
21231
21232                if (
21233                    heading.querySelector(
21234                        ':scope > .agb-title-viewcount-v6'
21235                    )
21236                ) {
21237                    return;
21238                }
21239
21240                var source =
21241                    heading.querySelector(
21242                        ':scope > .agb-title-viewcount-v3'
21243                    ) ||
21244                    heading.querySelector(
21245                        ':scope > .agb-title-viewcount-v2'
21246                    ) ||
21247                    details.querySelector(
21248                        ':scope > .wpem-viewed-event'
21249                    );
21250
21251                if (!source) {
21252                    return;
21253                }
21254
21255                var replacement = document.createElement('span');
21256
21257                replacement.className =
21258                    'agb-title-viewcount-v6 wpem-viewed-event ' +
21259                    'wpem-tooltip wpem-tooltip-bottom';
21260
21261                replacement.innerHTML = source.innerHTML;
21262
21263                replacement.setAttribute(
21264                    'aria-label',
21265                    normalizeText(source.textContent)
21266                );
21267
21268                heading.appendChild(replacement);
21269                source.remove();
21270            }
21271
21272
21273            /* =================================================
21274               Partnerdaten aus bisherigen Strukturen lesen
21275               ================================================= */
21276
21277            function readNamesFromItems(line, selector) {
21278                return Array.prototype.map.call(
21279                    line.querySelectorAll(selector),
21280                    function (item) {
21281                        return normalizeText(item.textContent);
21282                    }
21283                ).filter(Boolean);
21284            }
21285
21286
21287            function readNamesFromOriginalContainer(container) {
21288                var names = [];
21289                var current = '';
21290
21291                Array.prototype.forEach.call(
21292                    container.childNodes,
21293                    function (node) {
21294                        var isSeparator =
21295                            node.nodeType === 1 &&
21296                            node.classList &&
21297                            (
21298                                node.classList.contains(
21299                                    'agb-veranstalter-separator'
21300                                ) ||
21301                                node.classList.contains(
21302                                    'agb-veranstalter-separator-v1'
21303                                ) ||
21304                                node.classList.contains(
21305                                    'agb-veranstalter-comma-v2'
21306                                )
21307                            );
21308
21309                        if (isSeparator) {
21310                            current = normalizeText(current);
21311
21312                            if (current) {
21313                                names.push(current);
21314                            }
21315
21316                            current = '';
21317                            return;
21318                        }
21319
21320                        current += ' ' + node.textContent;
21321                    }
21322                );
21323
21324                current = normalizeText(current);
21325
21326                if (current) {
21327                    names.push(current);
21328                }
21329
21330                if (
21331                    names.length === 1 &&
21332                    names[0].indexOf('|') !== -1
21333                ) {
21334                    names = names[0]
21335                        .split('|')
21336                        .map(normalizeText)
21337                        .filter(Boolean);
21338                }
21339
21340                return names;
21341            }
21342
21343
21344            function extractPartnerData(line) {
21345                var labelText = 'Kooperationspartner:';
21346                var names = [];
21347
21348                var label =
21349                    line.querySelector(
21350                        ':scope > strong.agb-partner-label-v6'
21351                    ) ||
21352                    line.querySelector(
21353                        '.agb-partner-label-v3'
21354                    ) ||
21355                    line.querySelector(
21356                        '.agb-veranstalter-first-group-v2 > strong'
21357                    ) ||
21358                    line.querySelector(
21359                        '.agb-veranstalter-first-group-v1 > strong'
21360                    ) ||
21361                    line.querySelector(
21362                        ':scope > strong'
21363                    );
21364
21365                if (label) {
21366                    labelText = normalizeText(
21367                        label.textContent
21368                    );
21369                }
21370
21371                if (
21372                    line.querySelector(
21373                        '.agb-partner-item-v6'
21374                    )
21375                ) {
21376                    names = readNamesFromItems(
21377                        line,
21378                        '.agb-partner-item-v6'
21379                    );
21380                } else if (
21381                    line.querySelector(
21382                        '.agb-partner-first-group-v3'
21383                    )
21384                ) {
21385                    var firstGroup = line.querySelector(
21386                        '.agb-partner-first-group-v3'
21387                    );
21388
21389                    var firstLabel = firstGroup.querySelector(
21390                        'strong'
21391                    );
21392
21393                    var firstText = normalizeText(
21394                        firstGroup.textContent.replace(
21395                            firstLabel ? firstLabel.textContent : '',
21396                            ''
21397                        )
21398                    );
21399
21400                    if (firstText) {
21401                        names.push(firstText);
21402                    }
21403
21404                    var rest = line.querySelector(
21405                        '.agb-partner-rest-v3'
21406                    );
21407
21408                    if (rest) {
21409                        names = names.concat(
21410                            normalizeText(rest.textContent)
21411                                .split(',')
21412                                .map(normalizeText)
21413                                .filter(Boolean)
21414                        );
21415                    }
21416                } else if (
21417                    line.querySelector(
21418                        '.agb-veranstalter-item-v2'
21419                    )
21420                ) {
21421                    names = readNamesFromItems(
21422                        line,
21423                        '.agb-veranstalter-item-v2'
21424                    );
21425                } else if (
21426                    line.querySelector(
21427                        '.agb-veranstalter-item-v1'
21428                    )
21429                ) {
21430                    names = readNamesFromItems(
21431                        line,
21432                        '.agb-veranstalter-item-v1'
21433                    );
21434                } else {
21435                    var originalContainer = line.querySelector(
21436                        ':scope > span'
21437                    );
21438
21439                    if (originalContainer) {
21440                        names = readNamesFromOriginalContainer(
21441                            originalContainer
21442                        );
21443                    }
21444                }
21445
21446                return {
21447                    label: labelText,
21448                    names: names
21449                };
21450            }
21451
21452
21453            /* =================================================
21454               Neue Struktur:
21455               Label + gemeinsame Partnerliste + einzelne nowrap-Items
21456               ================================================= */
21457
21458            function rebuildPartnerLine(line) {
21459                if (
21460                    !line ||
21461                    line.getAttribute(
21462                        'data-agb-partner-wrap-v6'
21463                    ) === '1'
21464                ) {
21465                    return;
21466                }
21467
21468                var data = extractPartnerData(line);
21469
21470                if (!data.names.length) {
21471                    return;
21472                }
21473
21474                line.textContent = '';
21475
21476                var label = document.createElement('strong');
21477
21478                label.className = 'agb-partner-label-v6';
21479                label.textContent = data.label;
21480
21481                line.appendChild(label);
21482                line.appendChild(
21483                    document.createTextNode(' ')
21484                );
21485
21486                var list = document.createElement('span');
21487
21488                list.className = 'agb-partner-list-v6';
21489
21490                data.names.forEach(function (name, index) {
21491                    var item = document.createElement('span');
21492
21493                    item.className = 'agb-partner-item-v6';
21494                    item.textContent =
21495                        name +
21496                        (
21497                            index < data.names.length - 1
21498                                ? ','
21499                                : ''
21500                        );
21501
21502                    list.appendChild(item);
21503
21504                    if (index < data.names.length - 1) {
21505                        /*
21506                         * Nur an diesem normalen Leerzeichen
21507                         * darf die Zeile umbrechen.
21508                         */
21509                        list.appendChild(
21510                            document.createTextNode(' ')
21511                        );
21512                    }
21513                });
21514
21515                line.appendChild(list);
21516
21517                line.setAttribute(
21518                    'data-agb-partner-wrap-v6',
21519                    '1'
21520                );
21521            }
21522
21523
21524            function applyFix() {
21525                document.querySelectorAll(
21526                    'body.single-event_listing ' +
21527                    '.wpem-single-event-short-info ' +
21528                    '.wpem-event-details'
21529                ).forEach(function (details) {
21530                    placeViewCountInTitle(details);
21531
21532                    var line = details.querySelector(
21533                        ':scope > .agb-event-veranstalter-line'
21534                    );
21535
21536                    if (line) {
21537                        rebuildPartnerLine(line);
21538                    }
21539                });
21540            }
21541
21542
21543            function initialize() {
21544                applyFix();
21545
21546                var observer = new MutationObserver(
21547                    function () {
21548                        applyFix();
21549                    }
21550                );
21551
21552                observer.observe(
21553                    document.body,
21554                    {
21555                        childList: true,
21556                        subtree: true
21557                    }
21558                );
21559            }
21560
21561
21562            if (document.readyState === 'loading') {
21563                document.addEventListener(
21564                    'DOMContentLoaded',
21565                    initialize,
21566                    { once: true }
21567                );
21568            } else {
21569                initialize();
21570            }
21571
21572            window.addEventListener(
21573                'pageshow',
21574                applyFix
21575            );
21576
21577        }());
21578        </script>
21578
21579        		</div>
21580
21581			</body>
21582</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.