/**
 * PeopleHub – globale Gestaltung
 * Einheitliche Typografie und Oberflächenelemente für öffentliche Seiten.
 */

:root {
	--ph-color-primary: #0B3A34;
	--ph-color-secondary: #0B4F46;
	--ph-color-accent: #3DE1BC;
	--ph-color-surface: #DCE8E4;
	--ph-color-text: #3A4544;
	--ph-color-white: #FFFFFF;
	--ph-font-sans: "Roboto", sans-serif;
	--ph-font-serif: "Roboto Slab", serif;
}

/* Kalender wird ausschließlich per Klick geöffnet; Hover erzeugt keinen Zwischenzustand. */
.peoplehub-akademie-calendar:not(.is-expanded) {
	width: 238px !important;
	max-height: 88px !important;
	border-radius: 18px !important;
}
.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__content {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transform: translateY(-16px) !important;
}
.peoplehub-akademie-calendar.is-expanded {
	width: min(94vw, 1080px) !important;
	max-height: calc(100vh - 48px) !important;
	border-radius: 30px !important;
}
.peoplehub-akademie-calendar.is-expanded .peoplehub-akademie-calendar__content {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
}
@media (max-width:1100px) {
	.peoplehub-akademie-calendar:not(.is-expanded) { width: 170px !important; max-height: 64px !important; }
	.peoplehub-akademie-calendar.is-expanded { left: 12px !important; right: 12px !important; width: calc(100vw - 24px) !important; max-width: none !important; max-height: calc(100vh - 24px) !important; }
}

body {
	font-family: var(--ph-font-sans);
	font-weight: 400;
	color: var(--ph-color-text);
}

body.peoplehub-customer-dashboard-page,
body.peoplehub-customer-dashboard-page .site,
body.peoplehub-customer-dashboard-page .site-content,
body.peoplehub-customer-dashboard-page .entry-content,
body.peoplehub-admin-portal-page,
body.peoplehub-admin-portal-page .site,
body.peoplehub-admin-portal-page .site-content,
body.peoplehub-admin-portal-page .entry-content {
	background: #f3f8f6;
}

/* Das Dashboard startet unabhängig von einer Elementor-Vertikalzentrierung oben. */
body.peoplehub-customer-dashboard-page .elementor-element:has(.peoplehub-dashboard),
body.peoplehub-customer-dashboard-page .e-con:has(.peoplehub-dashboard) {
	align-content: flex-start !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

body.peoplehub-customer-dashboard-page .peoplehub-dashboard:not(.ph-admin-dashboard) {
	align-self: center;
	margin: clamp(120px, 18vh, 240px) auto 72px !important;
}

body.peoplehub-admin-portal-page .elementor-element:has(.ph-admin-dashboard),
body.peoplehub-admin-portal-page .e-con:has(.ph-admin-dashboard) {
	align-content: flex-start !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

body.peoplehub-admin-portal-page .ph-admin-dashboard {
	align-self: center;
	margin: clamp(120px, 18vh, 240px) auto 72px !important;
}

/* /ap/: Das Plugin-Dashboard ersetzt die alten, getrennten Elementor-Widgets. */
body.peoplehub-admin-portal-page .peoplehub-admin-portal-mount {
	display: block;
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto;
}

body.peoplehub-admin-portal-page .peoplehub-admin-portal-mount .ph-admin-dashboard {
	width: 100%;
}

body.peoplehub-admin-portal-page .peoplehub-admin-portal-legacy,
body.peoplehub-admin-portal-page .peoplehub-admin-portal-legacy[hidden] {
	display: none !important;
}

/* Alter Elementor-Hauptbereich der /ap/-Seite: bereits vor dem JS-Mount ausblenden. */
body.peoplehub-admin-portal-page .elementor-element-dc35f84 {
	display: none !important;
}

body.peoplehub-admin-portal-page #ph-header,
body.peoplehub-admin-portal-page #ph-header.scrolled {
	background: #0B3A34e6 !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08) !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Kunden-Dashboard: Header bereits bei Scrollposition 0 wie .scrolled darstellen. */
body.peoplehub-customer-dashboard-page #ph-header,
body.peoplehub-customer-dashboard-page #ph-header.scrolled,
body.peoplehub-booking-confirmation-page #ph-header,
body.peoplehub-booking-confirmation-page #ph-header.scrolled {
	background: #0B3A34e6 !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08) !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Globale PeopleHub-Farben für die Hauptnavigation. */
/* Die Desktop-Navigation bleibt farblich beim Theme/Header. Die explizite
 * weiße Linkfarbe wird nur im mobilen Overlay weiter unten gesetzt. */
#ph-header a[href*="kunden-dashboard"],
#ph-navigation a[href*="kunden-dashboard"] {
	color: #FFFFFF !important;
	background: #0B3A34 !important;
	border-color: #3DE1BC !important;
}
#ph-header a[href*="kunden-dashboard"]:hover,
#ph-header a[href*="kunden-dashboard"]:focus,
#ph-navigation a[href*="kunden-dashboard"]:hover,
#ph-navigation a[href*="kunden-dashboard"]:focus {
	color: #FFFFFF !important;
	background: #0B4F46 !important;
}
#ph-navigation,
#ph-navigation ul { min-width: max-content; }
#ph-navigation a { white-space: nowrap !important; }
@media (max-width:1024px){#ph-navigation,#ph-navigation ul{min-width:0;}}

/* Login/Konto als klar erkennbare helle Navigations-Schaltfläche. */
#ph-header a.peoplehub-account-link,
#ph-navigation a.peoplehub-account-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 9px 18px !important;
	border: 1px solid #0B3A34 !important;
	border-radius: 999px !important;
	background: #EDF5F3 !important;
	color: #0B3A34 !important;
	-webkit-text-fill-color: #0B3A34 !important;
	box-shadow: 0 8px 20px rgba(11, 58, 52, .14) !important;
	text-decoration: none !important;
}
#ph-header a.peoplehub-account-link:hover,
#ph-header a.peoplehub-account-link:focus,
#ph-navigation a.peoplehub-account-link:hover,
#ph-navigation a.peoplehub-account-link:focus {
	background: #DCE8E4 !important;
	color: #0B3A34 !important;
	-webkit-text-fill-color: #0B3A34 !important;
	box-shadow: 0 10px 24px rgba(11, 58, 52, .20) !important;
}
.peoplehub-account-link__icon {
	display: inline-flex;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: currentColor !important;
}
.peoplehub-account-link__icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}
@media (max-width: 1024px) {
	#ph-navigation a.peoplehub-account-link,
	body.ph-mobile-menu-open #ph-navigation a.peoplehub-account-link {
		background: transparent !important;
		border-color: transparent !important;
		box-shadow: none !important;
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF !important;
	}
	#ph-navigation a.peoplehub-account-link:hover,
	#ph-navigation a.peoplehub-account-link:focus {
		background: rgba(255,255,255,.10) !important;
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF !important;
	}
}

/* Akademie: drei Themenbereiche als ruhige PeopleHub-Karten. */
.peoplehub-academy-page .elementor-widget-icon-box,
.peoplehub-academy-page .elementor-widget-image-box,
.peoplehub-academy-page .elementor-widget-call-to-action,
.peoplehub-academy-page .elementor-widget-container > .elementor-cta {
	height: 100%;
}
.peoplehub-academy-page .elementor-widget-icon-box > .elementor-widget-container,
.peoplehub-academy-page .elementor-widget-image-box > .elementor-widget-container,
.peoplehub-academy-page .elementor-widget-call-to-action > .elementor-widget-container,
.peoplehub-academy-page .elementor-widget-container > .elementor-cta {
	box-sizing: border-box;
	height: 100%;
	padding: clamp(24px, 2.6vw, 42px) !important;
	border: 1px solid rgba(11, 58, 52, .12);
	border-radius: 26px;
	background: #EDF5F3;
	box-shadow: 0 18px 42px rgba(11, 58, 52, .10);
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.peoplehub-academy-page .elementor-widget-icon-box:hover > .elementor-widget-container,
.peoplehub-academy-page .elementor-widget-image-box:hover > .elementor-widget-container,
.peoplehub-academy-page .elementor-widget-call-to-action:hover > .elementor-widget-container,
.peoplehub-academy-page .elementor-widget-container > .elementor-cta:hover {
	transform: translateY(-6px);
	border-color: rgba(61, 225, 188, .65);
	box-shadow: 0 24px 52px rgba(11, 58, 52, .16);
}
.peoplehub-academy-page .elementor-icon-box-title,
.peoplehub-academy-page .elementor-image-box-title,
.peoplehub-academy-page .elementor-cta__title {
	margin-top: 14px;
	color: #0B3A34 !important;
	font-size: clamp(20px, 2vw, 28px) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}
.peoplehub-academy-page .elementor-icon-box-description,
.peoplehub-academy-page .elementor-image-box-description,
.peoplehub-academy-page .elementor-cta__description {
	color: #3A4544 !important;
	font-size: clamp(14px, 1.1vw, 16px) !important;
	line-height: 1.55 !important;
}
.peoplehub-academy-page .elementor-icon-box-icon,
.peoplehub-academy-page .elementor-image-box-img {
	color: #0B3A34 !important;
}
@media (max-width: 767px) {
	.peoplehub-academy-page .elementor-widget-icon-box > .elementor-widget-container,
	.peoplehub-academy-page .elementor-widget-image-box > .elementor-widget-container,
	.peoplehub-academy-page .elementor-widget-call-to-action > .elementor-widget-container,
	.peoplehub-academy-page .elementor-widget-container > .elementor-cta {
		padding: 24px 20px !important;
		border-radius: 20px;
	}
}

@media (max-width:1100px){html,body{width:100%;max-width:100%;overflow-x:hidden!important}*,*:before,*:after{box-sizing:border-box}.peoplehub-akademie-calendar{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:hidden}.peoplehub-akademie-calendar:hover,.peoplehub-akademie-calendar:focus,.peoplehub-akademie-calendar:focus-within{max-height:calc(100vh - 24px);overflow:hidden}.peoplehub-akademie-calendar__content{max-height:calc(100vh - 72px);overflow:auto}}
#ph-navigation ul li a,
#ph-navigation ul li a:visited,
body.ph-mobile-menu-open #ph-navigation a {
	color: #FFFFFF !important;
	opacity: 1 !important;
	visibility: visible !important;
	text-shadow: 0 1px 12px rgba(0,0,0,.22);
}

/* Mobile-/Tablet-Menü: Elementor darf die Linkfarbe bzw. die Textspans
 * nicht wieder überschreiben. Alle sichtbaren Ebenen bleiben klar weiß. */
@media (max-width: 1024px) {
	#ph-navigation a,
	#ph-navigation a:visited,
	#ph-navigation a:hover,
	#ph-navigation a:focus,
	#ph-navigation a:active,
	#ph-navigation a .elementor-item,
	#ph-navigation a span,
	#ph-navigation .elementor-item,
	#ph-navigation .elementor-item-text,
	body.ph-mobile-menu-open #ph-navigation a,
	body.ph-mobile-menu-open #ph-navigation a span,
	body.ph-mobile-menu-open .elementor-nav-menu--main a,
	body.ph-mobile-menu-open .elementor-nav-menu--main a span,
	body.ph-mobile-menu-open nav.elementor-nav-menu__container a,
	body.ph-mobile-menu-open nav.elementor-nav-menu__container a span {
		color: #FFFFFF !important;
		opacity: 1 !important;
		visibility: visible !important;
		-webkit-text-fill-color: #FFFFFF !important;
		text-decoration: none !important;
	}

	#ph-navigation a:hover,
	#ph-navigation a:focus,
	#ph-navigation a:active,
	body.ph-mobile-menu-open #ph-navigation a:hover,
	body.ph-mobile-menu-open #ph-navigation a:focus,
	body.ph-mobile-menu-open .elementor-nav-menu--main a:hover,
	body.ph-mobile-menu-open .elementor-nav-menu--main a:focus {
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF !important;
	}
}

/* Fixed-Kalender: kompakter Teaser als heller, klarer Button. */
.peoplehub-akademie-calendar__close{position:absolute;top:8px;right:10px;z-index:5;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgba(11,58,52,.12);color:#0B3A34;font-size:18px;line-height:1;opacity:0;pointer-events:none;cursor:pointer;transition:all .25s ease}.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__close,.peoplehub-akademie-calendar:focus .peoplehub-akademie-calendar__close,.peoplehub-akademie-calendar:focus-within .peoplehub-akademie-calendar__close{opacity:1;pointer-events:auto}.peoplehub-akademie-calendar__close:hover{background:#0B3A34;color:#fff}.peoplehub-akademie-calendar.is-collapsed{width:170px!important;max-height:64px!important}.peoplehub-akademie-calendar.is-collapsed .peoplehub-akademie-calendar__content{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-16px)!important}.peoplehub-akademie-calendar.is-collapsed .peoplehub-akademie-calendar__close{opacity:0!important;pointer-events:none!important}.peoplehub-akademie-calendar.is-expanded{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;border-radius:24px!important}.peoplehub-akademie-calendar.is-expanded .peoplehub-akademie-calendar__content{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;max-height:calc(100vh - 48px);overflow:auto}
@media (min-width:768px) and (max-width:1100px){.peoplehub-akademie-calendar{width:175px!important;max-height:64px!important}.peoplehub-akademie-calendar.is-expanded{width:min(94vw,1080px)!important;max-height:calc(100vh - 48px)!important}.peoplehub-akademie-calendar__teaser strong{font-size:13px}.peoplehub-akademie-calendar__teaser small{font-size:11px}.peoplehub-akademie-calendar__icon{top:20px;left:14px;width:25px;height:25px}.peoplehub-akademie-calendar__teaser{top:17px;left:48px}}
@media (max-width:767px){.peoplehub-akademie-calendar{width:170px!important;max-height:64px!important;right:12px!important}.peoplehub-akademie-calendar__teaser strong{font-size:13px}.peoplehub-akademie-calendar__teaser small{font-size:11px}.peoplehub-akademie-calendar__icon{top:20px;left:14px;width:25px;height:25px}.peoplehub-akademie-calendar__teaser{top:17px;left:48px}}
@media (max-width:1100px){.peoplehub-akademie-calendar.is-expanded{left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100vh - 24px)!important}}
.peoplehub-akademie-calendar.is-collapsed:hover,.peoplehub-akademie-calendar.is-collapsed:focus,.peoplehub-akademie-calendar.is-collapsed:focus-within{width:170px!important;max-height:64px!important;border-radius:18px!important;background:var(--ph-color-primary)!important}.peoplehub-akademie-calendar.is-collapsed .peoplehub-akademie-calendar__content{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-16px)!important}
.peoplehub-akademie-calendar {
	background: #EDF5F3 !important;
	border-color: #0B3A34 !important;
	box-shadow: 0 14px 30px rgba(11, 58, 52, .22), 0 3px 8px rgba(11, 58, 52, .10) !important;
}
.peoplehub-akademie-calendar__icon,
.peoplehub-akademie-calendar__teaser {
	color: #0B3A34 !important;
}
.peoplehub-akademie-calendar__teaser small {
	opacity: 1 !important;
	color: #0B3A34 !important;
}
.peoplehub-akademie-calendar:hover,
.peoplehub-akademie-calendar:focus,
.peoplehub-akademie-calendar:focus-within {
	background: #EDF5F3 !important;
	box-shadow: 0 22px 48px rgba(11, 58, 52, .24), 0 5px 12px rgba(11, 58, 52, .10) !important;
}

/* Vorrang vor allgemeinen Dashboard-Linkregeln: Konto bleibt invertiert. */
#ph-header a.peoplehub-account-link[href*="kunden-dashboard"],
#ph-navigation a.peoplehub-account-link[href*="kunden-dashboard"] {
	background: #EDF5F3 !important;
	border-color: #0B3A34 !important;
	color: #0B3A34 !important;
	-webkit-text-fill-color: #0B3A34 !important;
}
#ph-header a.peoplehub-account-link[href*="kunden-dashboard"]:hover,
#ph-header a.peoplehub-account-link[href*="kunden-dashboard"]:focus,
#ph-navigation a.peoplehub-account-link[href*="kunden-dashboard"]:hover,
#ph-navigation a.peoplehub-account-link[href*="kunden-dashboard"]:focus {
	background: #DCE8E4 !important;
	color: #0B3A34 !important;
	-webkit-text-fill-color: #0B3A34 !important;
}
@media (max-width: 1024px) {
	#ph-navigation a.peoplehub-account-link[href*="kunden-dashboard"],
	body.ph-mobile-menu-open #ph-navigation a.peoplehub-account-link[href*="kunden-dashboard"] {
		background: transparent !important;
		border-color: transparent !important;
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF !important;
	}
}

/* Zwischen Desktop und Mobile darf die Navigation den freien Headerraum
 * vollständig nutzen. Dadurch wird sie beim Verkleinern des Viewports nicht
 * unnötig schmal, bevor bei 1024px das Mobile-Menü übernimmt. */
@media (min-width: 1025px) and (max-width: 1400px) {
	#ph-header > .e-con-inner,
	#ph-header > .elementor-container,
	#ph-header .elementor-container {
		width: 100% !important;
		max-width: none !important;
	}
	#ph-header .elementor-widget-nav-menu,
	#ph-header .elementor-widget-elementor-nav-menu,
	#ph-header #ph-navigation {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	#ph-header .elementor-nav-menu--main,
	#ph-header nav.elementor-nav-menu__container,
	#ph-header #ph-navigation ul {
		width: 100% !important;
		max-width: none !important;
		justify-content: flex-end !important;
		gap: clamp(10px, 1.25vw, 22px) !important;
	}
	#ph-header .elementor-nav-menu--main > ul,
	#ph-header nav.elementor-nav-menu__container > ul,
	#ph-header #ph-navigation > ul {
		flex-wrap: nowrap !important;
	}
}

/* Schmale Desktop-/Tablet-Ansicht: Logo bleibt stabil, die Navigation erhält
 * den gesamten übrigen Raum und wird dadurch nicht unnötig klein. */
@media (min-width: 1025px) and (max-width: 1200px) {
	#ph-header > .e-con-inner,
	#ph-header > .elementor-container,
	#ph-header .elementor-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}
	#ph-header #ph-logo,
	#ph-header .ph-logo {
		flex: 0 0 clamp(176px, 22vw, 250px) !important;
		width: clamp(176px, 22vw, 250px) !important;
		max-width: clamp(176px, 22vw, 250px) !important;
	}
	#ph-header #ph-logo img,
	#ph-header .ph-logo img {
		width: 100% !important;
		max-width: 100% !important;
	}
	#ph-header .elementor-widget-nav-menu,
	#ph-header .elementor-widget-elementor-nav-menu,
	#ph-header #ph-navigation {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	#ph-header .elementor-nav-menu--main a,
	#ph-header nav.elementor-nav-menu__container a,
	#ph-header #ph-navigation a {
		font-size: clamp(12px, .95vw, 16px) !important;
	}
}

/* Kein Navigationslabel darf seinen Menüpunkt überlaufen. */
@media (min-width: 1025px) {
	#ph-header .elementor-nav-menu--main,
	#ph-header nav.elementor-nav-menu__container,
	#ph-header #ph-navigation,
	#ph-header .elementor-nav-menu--main ul,
	#ph-header nav.elementor-nav-menu__container ul,
	#ph-header #ph-navigation ul,
	#ph-header .elementor-nav-menu--main li,
	#ph-header nav.elementor-nav-menu__container li,
	#ph-header #ph-navigation li {
		min-width: 0 !important;
		max-width: 100% !important;
	}
	#ph-header .elementor-nav-menu--main a,
	#ph-header nav.elementor-nav-menu__container a,
	#ph-header #ph-navigation a {
		box-sizing: border-box !important;
		max-width: 100% !important;
		font-size: clamp(10px, .72vw, 16px) !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		overflow-wrap: normal !important;
		word-break: keep-all !important;
		text-overflow: clip !important;
	}
	#ph-header .elementor-nav-menu--main a > span,
	#ph-header nav.elementor-nav-menu__container a > span,
	#ph-header #ph-navigation a > span {
		max-width: 100% !important;
		white-space: nowrap !important;
	}
}

/* Header-Inhalte proportional verdichten, bevor das Mobile-Menü übernimmt. */
@media (min-width: 1025px) and (max-width: 1400px) {
	#ph-header .e-con-inner,
	#ph-header .elementor-container {
		column-gap: clamp(8px, 1vw, 22px) !important;
	}
	#ph-header .elementor-nav-menu--main > ul,
	#ph-header nav.elementor-nav-menu__container > ul,
	#ph-header #ph-navigation > ul {
		gap: clamp(7px, .85vw, 18px) !important;
	}
	#ph-header .elementor-nav-menu--main a,
	#ph-header nav.elementor-nav-menu__container a,
	#ph-header #ph-navigation a {
		padding-inline: clamp(4px, .55vw, 14px) !important;
	}
	#ph-header a.peoplehub-account-link {
		gap: clamp(4px, .4vw, 8px) !important;
		min-height: clamp(32px, 2.8vw, 42px) !important;
		padding: clamp(5px, .45vw, 9px) clamp(8px, .8vw, 18px) !important;
	}
	#ph-header .peoplehub-account-link__icon {
		width: clamp(14px, 1.15vw, 18px) !important;
		height: clamp(14px, 1.15vw, 18px) !important;
	}
}
.peoplehub-dashboard__logout { color:#0B3A34 !important; text-decoration:none !important; }
.peoplehub-dashboard__logout:hover { color:#FFFFFF !important; background:#0B3A34 !important; }
.peoplehub-dashboard__invoice strong,.peoplehub-dashboard__invoice small { display:block; }
.peoplehub-dashboard__invoice small { margin-top:4px; color:#61756e; font-size:12px; }
.peoplehub-booking-mask__price { margin:6px 0 16px; color:#0B3A34; font-size:16px; font-weight:700; }

/* Der Seitentitel stammt aus dem Theme; die Bestätigung bringt ihre eigene Überschrift mit. */
body.peoplehub-booking-confirmation-page .elementor-widget-theme-post-title,
body.peoplehub-booking-confirmation-page .entry-content > .entry-title,
body.peoplehub-booking-confirmation-page .entry-content > .wp-block-post-title {
	display: none !important;
}

.peoplehub-dashboard-booking__download,
.ph-confirmation__primary {
	text-decoration: none !important;
}
.peoplehub-dashboard-booking__beschluss-upload {
	margin: 18px 0;
	padding: 16px;
	border-radius: 14px;
	background: #EDF5F3;
	border: 1px solid rgba(11,58,52,.12);
}
.peoplehub-dashboard-booking__beschluss-upload h4 { margin: 0 0 8px; color: #0B3A34; font-size: 16px; }
.peoplehub-dashboard-booking__beschluss-upload form { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.peoplehub-dashboard-booking__beschluss-upload label { display:grid; gap:4px; min-width:240px; color:#0B3A34; font-size:12px; font-weight:600; }
.peoplehub-dashboard-booking__beschluss-upload input[type="file"] { max-width:100%; font:inherit; }
.peoplehub-dashboard-booking__beschluss-upload button { padding:9px 16px; border:0; cursor:pointer; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--ph-font-sans);
	font-weight: 600;
	line-height: 1.2;
	color: var(--ph-color-primary);
}

h1 { font-size: clamp(36px, 4vw, 42px); }
h2 { font-size: clamp(30px, 3vw, 36px); }
h3 { font-size: clamp(24px, 2.4vw, 30px); }

p,
li {
	line-height: 1.6;
}

/* WordPress- und Elementor-Standardfarben durch PeopleHub ersetzen */
.elementor-widget-heading .elementor-heading-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.wp-block-heading {
	font-family: var(--ph-font-sans);
	font-weight: 600;
	color: var(--ph-color-primary);
}

.elementor-widget-text-editor,
.entry-content,
.wp-block-group,
.wp-site-blocks {
	font-family: var(--ph-font-sans);
	color: var(--ph-color-text);
}

.elementor-button,
.wp-element-button,
.wp-block-button__link,
button:not(.ph-calendar__day):not(.ph-calendar__month-button) {
	border-color: var(--ph-color-primary);
	border-radius: 42px;
	background-color: var(--ph-color-primary);
	color: var(--ph-color-white);
	font-family: var(--ph-font-sans);
	font-weight: 400;
}

.elementor-button:hover,
.elementor-button:focus,
.wp-element-button:hover,
.wp-element-button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
button:not(.ph-calendar__day):not(.ph-calendar__month-button):hover,
button:not(.ph-calendar__day):not(.ph-calendar__month-button):focus {
	border-color: var(--ph-color-secondary);
	background-color: var(--ph-color-secondary);
	color: var(--ph-color-white);
}

/* Akzentzeile für Bereichsüberschriften */
.peoplehub-section-title::after,
.ph-section-title::after {
	content: "";
	display: block;
	width: min(30%, 180px);
	margin-top: 12px;
	border-top: 3.6px solid var(--ph-color-accent);
}

/* Wiederverwendbare PeopleHub-Komponenten */
.peoplehub-eyebrow,
.ph-eyebrow {
	margin: 0 0 12px;
	font-family: var(--ph-font-serif);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--ph-color-secondary);
}

.peoplehub-card,
.ph-card {
	border-radius: 30px;
	background: var(--ph-color-surface);
	box-shadow: 0 0 18px -12px rgba(0, 0, 0, 0.5);
}

.peoplehub-button,
.ph-button,
.ph-workshop-detail__button,
.peoplehub-login-form-wrap .button {
	border: 1px solid var(--ph-color-primary);
	border-radius: 42px;
	background: var(--ph-color-primary);
	color: var(--ph-color-white) !important;
	font-family: var(--ph-font-sans);
	font-weight: 400;
	text-decoration: none;
}

.peoplehub-button:hover,
.ph-button:hover,
.ph-workshop-detail__button:hover,
.peoplehub-login-form-wrap .button:hover {
	border-color: var(--ph-color-secondary);
	background: var(--ph-color-secondary);
	color: var(--ph-color-white) !important;
}

.peoplehub-button--outline,
.ph-button--outline,
.ph-workshop-detail__button--secondary {
	background: var(--ph-color-surface);
	color: var(--ph-color-primary) !important;
}

.peoplehub-button--outline:hover,
.ph-button--outline:hover,
.ph-workshop-detail__button--secondary:hover {
	background: var(--ph-color-primary);
	color: var(--ph-color-white) !important;
}

/* Eigenständige Registrierung für Interessierte. */
.peoplehub-registration {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	max-width: 760px;
	margin: 0 auto;
	padding: clamp(30px, 5vw, 64px);
	border-radius: 30px;
	background: var(--ph-color-surface);
	color: var(--ph-color-text);
}

.peoplehub-registration__intro {
	align-self: start;
	padding-top: 12px;
}

.peoplehub-registration__eyebrow {
	margin: 0 0 10px;
	font-family: var(--ph-font-serif);
	color: var(--ph-color-secondary);
}

.peoplehub-registration h2 {
	margin: 0 0 16px;
}

.peoplehub-registration__form-wrap {
	padding: clamp(24px, 3vw, 42px);
	border-radius: 24px;
	background: var(--ph-color-white);
}

.peoplehub-registration__form p {
	margin: 0 0 18px;
}

.peoplehub-registration__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.peoplehub-registration label {
	display: grid;
	gap: 7px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ph-color-primary);
}

.peoplehub-registration input:not([type="checkbox"]) {
	width: 100%;
	min-height: 52px;
	padding: 12px 15px;
	box-sizing: border-box;
	border: 1px solid #cbdcd6;
	border-radius: 10px;
	background: #fff;
	color: var(--ph-color-text);
	font: inherit;
}

.peoplehub-registration input:focus {
	outline: 2px solid var(--ph-color-accent);
	outline-offset: 2px;
}

.peoplehub-registration__privacy label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-weight: 400;
}

.peoplehub-registration__privacy input {
	margin-top: 4px;
	accent-color: var(--ph-color-primary);
}

.peoplehub-registration__privacy a,
.peoplehub-registration__login a {
	color: var(--ph-color-primary);
	font-weight: 600;
}

.peoplehub-registration__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 52px;
	padding: 10px 24px;
	cursor: pointer;
}

.peoplehub-registration__message {
	margin: 0 0 20px;
	padding: 12px 15px;
	border-radius: 10px;
	font-size: 14px;
}

.peoplehub-registration__message--success {
	background: #e4f6ed;
	color: #155b42;
}

.peoplehub-registration__message--error {
	background: #fff0ef;
	color: #8c2921;
}

.peoplehub-registration__login {
	margin: 20px 0 0;
	font-size: 14px;
}

.peoplehub-registration__honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.peoplehub-registration--logged-in {
	display: block;
	max-width: 620px;
}

/* Login im selben Look wie die Registrierung. */
.peoplehub-login {
	max-width: 760px;
	margin: 0 auto;
	min-height: calc(100vh - 180px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.peoplehub-login--logged-in {
	align-items: center;
}

.peoplehub-login-form-wrap__intro {
	margin: 0 0 18px;
}

.peoplehub-login-form-wrap__intro h2 {
	margin: 0 0 6px;
}

.peoplehub-login-form-wrap__intro p {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
}

/* Fallback, falls noch eine zwischengespeicherte ältere Shortcode-Ausgabe geladen wird. */
.peoplehub-login-form-wrap:not(.peoplehub-login--with-intro):not(:has(.peoplehub-login-form-wrap__intro)) {
	position: relative;
	padding-top: 94px !important;
}

.peoplehub-login-form-wrap:not(.peoplehub-login--with-intro):not(:has(.peoplehub-login-form-wrap__intro))::before {
	content: "In Ihr Konto einloggen";
	position: absolute;
	top: 24px;
	left: 0;
	color: var(--ph-color-primary);
	font-size: clamp(24px, 3vw, 30px);
	font-weight: 600;
	line-height: 1.2;
}

.peoplehub-login-form-wrap:not(.peoplehub-login--with-intro):not(:has(.peoplehub-login-form-wrap__intro))::after {
	content: "Verwalten Sie Ihre Buchungen und Anfragen bequem an einem Ort.";
	position: absolute;
	top: 62px;
	left: 0;
	right: 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--ph-color-text);
}

.peoplehub-login-form {
	max-width: 580px;
	margin: 0 auto;
	padding: clamp(24px, 3vw, 42px);
	border-radius: 24px;
	background: var(--ph-color-white);
}

.peoplehub-login-form-wrap {
	padding: clamp(28px, 5vw, 54px);
	border-radius: 30px;
	background: var(--ph-color-surface);
}

.peoplehub-login-form p {
	margin: 0 0 18px;
}

.peoplehub-login-form label {
	display: grid;
	gap: 7px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ph-color-primary);
}

.peoplehub-login-form input:not([type="checkbox"]) {
	width: 100%;
	min-height: 52px;
	padding: 12px 15px;
	box-sizing: border-box;
	border: 1px solid #cbdcd6;
	border-radius: 10px;
	background: var(--ph-color-white);
	color: var(--ph-color-text);
	font: inherit;
}

.peoplehub-login-form input:focus {
	outline: 2px solid var(--ph-color-accent);
	outline-offset: 2px;
}

.peoplehub-login-form .login-remember label {
	display: flex;
	align-items: center;
	gap: 9px;
	font-weight: 400;
}

.peoplehub-login-form .login-remember input {
	width: auto;
	min-height: 0;
	accent-color: var(--ph-color-primary);
}

.peoplehub-login-form .login-submit {
	display: block;
	margin: 26px 0 0 !important;
	padding: 0 !important;
}

.peoplehub-login-form .login-submit .button,
.peoplehub-login-form input[type="submit"].button {
	display: block !important;
	float: none !important;
	width: 100% !important;
	min-height: 52px;
	padding: 10px 24px;
	box-sizing: border-box;
	border: 1px solid var(--ph-color-primary) !important;
	border-radius: 42px !important;
	background: var(--ph-color-primary) !important;
	color: var(--ph-color-white) !important;
	font: inherit !important;
	cursor: pointer;
}

.peoplehub-login-form .login-submit .button:hover,
.peoplehub-login-form input[type="submit"].button:hover {
	background: var(--ph-color-secondary) !important;
}

.peoplehub-login__registration-link,
.peoplehub-registration__login {
	margin: 18px 0 0;
	text-align: center;
	font-size: 14px;
}

.peoplehub-login__notice {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
}

.peoplehub-login__notice--error {
	border: 1px solid #f1c5bf;
	background: #fff0ee;
	color: #8a2d21;
}

.peoplehub-login__registration-link button,
.peoplehub-registration__login button {
	padding: 0;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--ph-color-primary) !important;
	font: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.peoplehub-login__registration-link button:hover,
.peoplehub-registration__login button:hover {
	color: var(--ph-color-secondary) !important;
}

.peoplehub-registration--auth-toggle[hidden] {
	display: none !important;
}

.peoplehub-auth-switcher {
	flex: 0 0 100% !important;
	grid-column: 1 / -1;
	width: min(100%, 760px) !important;
	max-width: 760px;
	margin: 0 auto !important;
	box-sizing: border-box;
}

.peoplehub-auth-switcher > .peoplehub-login,
.peoplehub-auth-switcher > .peoplehub-registration {
	width: 100% !important;
	max-width: 760px;
	margin: 0 auto !important;
}

.peoplehub-auth-switcher > [hidden] {
	display: none !important;
}

/* Kunden-Dashboard */
.peoplehub-dashboard {
	width: min(100%, 1040px);
	margin: 0 auto;
	overflow-anchor: none;
}

.peoplehub-dashboard {
	padding: clamp(22px, 4vw, 46px);
	border: 1px solid rgba(11, 58, 52, .08);
	border-radius: 32px;
	background: linear-gradient(135deg, #edf5f3 0%, #e4efeb 100%);
	box-shadow: 0 22px 55px -42px rgba(11, 58, 52, .55);
}

.peoplehub-dashboard__tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	min-height: 58px;
	box-sizing: border-box;
	margin: 0 0 34px;
	padding: 8px;
	border-radius: 999px;
	background: var(--ph-color-surface);
	box-shadow: 0 12px 28px -24px rgba(11, 58, 52, .55);
}

.peoplehub-dashboard .peoplehub-dashboard__tabs {
	/* Die Leiste bleibt unabhängig von der Höhe des aktiven Tabs an ihrer Position. */
	position: relative;
	top: auto;
	z-index: 1;
	background: rgba(220, 232, 228, .94);
	backdrop-filter: blur(12px);
	transition: box-shadow .3s ease, transform .3s ease;
}

.peoplehub-dashboard .peoplehub-dashboard__tabs:focus-within {
	box-shadow: 0 18px 34px -24px rgba(11, 58, 52, .55);
}

.peoplehub-dashboard__tab {
	flex: 0 0 148px;
	min-height: 46px;
	padding: 9px 18px;
	box-sizing: border-box;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--ph-color-primary) !important;
	font: inherit;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .28s ease, color .28s ease, box-shadow .28s ease;
}

.peoplehub-dashboard__tab:hover,
.peoplehub-dashboard__tab:focus,
.peoplehub-dashboard__tab.is-active {
	background: var(--ph-color-primary) !important;
	color: var(--ph-color-white) !important;
	box-shadow: 0 8px 18px -14px rgba(11, 58, 52, .85);
}

.peoplehub-dashboard__panel {
	display: block !important;
	margin: 0 !important;
	max-height: 8000px;
	overflow-anchor: none;
	overflow: hidden;
	opacity: 1;
	transform: translateY(0);
	transition: max-height .6s ease, opacity .28s ease, transform .38s ease, margin .6s ease;
}

.peoplehub-dashboard__panel[hidden] {
	display: block !important;
	max-height: 0;
	margin: 0;
	opacity: 0;
	transform: translateY(10px);
	pointer-events: none;
}

.peoplehub-dashboard__panels {
	min-height: var(--peoplehub-dashboard-panels-height, 0);
	transition: min-height .6s ease;
}

.peoplehub-dashboard__card {
	padding: clamp(24px, 4vw, 42px);
	border-radius: 24px;
	background: var(--ph-color-surface);
}

.peoplehub-dashboard__card h2 {
	margin: 0 0 20px;
}

.peoplehub-dashboard__intro {
	margin: -8px 0 24px;
	color: var(--ph-color-text);
}

.peoplehub-dashboard__account-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 28px;
}

.peoplehub-dashboard__account-summary > div {
	padding: 15px 16px;
	border-radius: 12px;
	background: var(--ph-color-white);
}

.peoplehub-dashboard__account-summary span,
.peoplehub-dashboard__account-summary strong {
	display: block;
}

.peoplehub-dashboard__account-summary span {
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 600;
	color: var(--ph-color-secondary);
}

.peoplehub-dashboard__notice {
	margin: 0 0 20px;
	padding: 12px 15px;
	border-radius: 10px;
	font-weight: 600;
}

.peoplehub-dashboard__notice--success {
	background: #dff3eb;
	color: #075b49;
}

.peoplehub-dashboard__notice--error {
	background: #fbe9e7;
	color: #8a2d21;
}

.peoplehub-billing-form {
	padding-top: 26px;
	border-top: 1px solid rgba(11, 58, 52, .12);
}

.peoplehub-billing-form__heading {
	margin-bottom: 20px;
}

.peoplehub-billing-form__heading h3,
.peoplehub-billing-form__heading p {
	margin: 0;
}

.peoplehub-billing-form__heading p {
	margin-top: 5px;
	font-size: 14px;
}

.peoplehub-billing-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 20px;
}

.peoplehub-billing-form label,
.peoplehub-billing-form label > span {
	display: block;
}

.peoplehub-billing-form label > span {
	margin-bottom: 7px;
	font-size: 13px;
	font-weight: 600;
	color: var(--ph-color-primary);
}

.peoplehub-billing-form__wide {
	grid-column: 1 / -1;
}

.peoplehub-billing-form input {
	width: 100%;
	min-height: 48px;
	box-sizing: border-box;
	padding: 11px 14px;
	border: 1px solid rgba(11, 58, 52, .18);
	border-radius: 10px;
	background: var(--ph-color-white);
	color: var(--ph-color-primary);
}

.peoplehub-billing-form input:focus {
	border-color: var(--ph-color-accent);
	box-shadow: 0 0 0 3px rgba(61, 225, 188, .2);
	outline: 0;
}

.peoplehub-dashboard__card .peoplehub-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 11px 22px;
	box-sizing: border-box;
	text-decoration: none !important;
}

.peoplehub-dashboard__card .peoplehub-button:hover,
.peoplehub-dashboard__card .peoplehub-button:focus {
	text-decoration: none !important;
}

.peoplehub-dashboard__card dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
}

.peoplehub-dashboard__card dl > div {
	padding: 16px;
	border-radius: 12px;
	background: var(--ph-color-white);
}

.peoplehub-dashboard__card dt {
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--ph-color-secondary);
}

.peoplehub-dashboard__card dd {
	margin: 0;
	color: var(--ph-color-primary);
}

.peoplehub-dashboard__invoices {
	display: grid;
	gap: 10px;
}

.ph-admin-dashboard__workshops {
	display: grid;
	gap: 10px;
}

.ph-admin-dashboard__workshop {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 16px;
	border-radius: 12px;
	background: var(--ph-color-white);
	color: var(--ph-color-primary);
	font-weight: 600;
	text-decoration: none;
}

.ph-admin-dashboard__workshop:hover {
	background: #edf5f3;
}

.ph-workshop-modal-open { overflow: hidden; }
.ph-admin-workshop-modal[hidden] { display: none !important; }
.ph-admin-workshop-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: grid;
	place-items: center;
	padding: 24px;
	box-sizing: border-box;
}
.ph-admin-workshop-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(7, 38, 34, .72);
	backdrop-filter: blur(6px);
}
.ph-admin-workshop-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(920px, 100%);
	max-height: min(88vh, 880px);
	overflow: auto;
	padding: clamp(24px, 4vw, 44px);
	box-sizing: border-box;
	border: 1px solid rgba(11, 58, 52, .1);
	border-radius: 28px;
	background: #edf5f3;
	box-shadow: 0 30px 80px rgba(4, 34, 29, .28);
	animation: peoplehubModalIn .28s ease both;
}
.ph-admin-workshop-modal__close {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	display: grid !important;
	place-items: center;
	width: 42px !important;
	height: 42px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--ph-color-primary) !important;
	color: var(--ph-color-white) !important;
	font-size: 25px !important;
	line-height: 1 !important;
	cursor: pointer;
}
.ph-admin-workshop-modal__eyebrow { margin: 0 0 8px; color: var(--ph-color-secondary); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ph-admin-workshop-modal__dialog h2 { margin: 0 56px 20px 0; font-size: clamp(24px, 3vw, 36px); }
.ph-admin-workshop-modal__details { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-bottom: 18px; }
.ph-admin-workshop-modal__details > div { padding: 13px 15px; border-radius: 12px; background: var(--ph-color-white); }
.ph-admin-workshop-modal__details span { display: block; margin-bottom: 4px; color: var(--ph-color-secondary); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.ph-admin-workshop-modal__details strong { display: block; color: var(--ph-color-primary); font-size: 14px; }
.ph-admin-workshop-modal__description { margin-bottom: 24px; color: var(--ph-color-text); line-height: 1.55; white-space: pre-line; }
.ph-admin-workshop-modal__edit-form { display: grid; gap: 14px; }
.ph-admin-workshop-modal__edit-form > label,
.ph-admin-workshop-modal__details > label { display: block; }
.ph-admin-workshop-modal__edit-form label > span { display: block; margin-bottom: 6px; color: var(--ph-color-primary); font-size: 12px; font-weight: 700; }
.ph-admin-workshop-modal__edit-form input,
.ph-admin-workshop-modal__edit-form textarea { width: 100%; box-sizing: border-box; padding: 11px 13px; border: 1px solid rgba(11, 58, 52, .16); border-radius: 10px; background: var(--ph-color-white); color: var(--ph-color-primary); font: inherit; }
.ph-admin-workshop-modal__edit-form textarea { resize: vertical; line-height: 1.5; }
.ph-admin-workshop-modal__edit-form input:focus,
.ph-admin-workshop-modal__edit-form textarea:focus { border-color: var(--ph-color-accent); outline: 0; box-shadow: 0 0 0 3px rgba(61, 225, 188, .18); }
.ph-admin-workshop-modal__wide { grid-column: 1 / -1; }
.ph-admin-workshop-modal__details { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); margin: 0; }
.ph-admin-workshop-modal__form-actions { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.ph-admin-workshop-modal__form-actions button { min-height: 44px; padding: 10px 20px; border: 0; border-radius: 999px; background: var(--ph-color-primary); color: var(--ph-color-white); font-weight: 700; cursor: pointer; }
.ph-admin-workshop-modal__form-actions button:disabled { opacity: .55; cursor: wait; }
.ph-admin-workshop-modal__form-actions span { color: var(--ph-color-secondary); font-size: 12px; font-weight: 600; }
.ph-admin-workshop-modal__slots { display: grid; gap: 14px; }
.ph-admin-workshop-modal__slot { padding: 18px; border-radius: 16px; background: var(--ph-color-white); }
.ph-admin-workshop-modal__slot h3 { margin: 0 0 13px; font-size: 18px; }
.ph-admin-workshop-modal__participant { padding: 9px 0; border-bottom: 1px solid rgba(11, 58, 52, .1); color: var(--ph-color-text); font-size: 13px; }
.ph-admin-workshop-modal__empty { margin: 0 0 12px; color: rgba(58, 69, 68, .7); font-size: 13px; }
.ph-admin-workshop-modal__participant-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 8px; margin-top: 14px; }
.ph-admin-workshop-modal__participant-form input { width: 100%; min-height: 42px; padding: 9px 11px; box-sizing: border-box; border: 1px solid rgba(11, 58, 52, .16); border-radius: 9px; background: var(--ph-color-white); color: var(--ph-color-primary); }
.ph-admin-workshop-modal__participant-form button { min-height: 42px; padding: 9px 14px; border: 0; border-radius: 999px; background: var(--ph-color-primary); color: var(--ph-color-white); font-weight: 600; cursor: pointer; }
.ph-admin-workshop-modal__participant-form button:disabled { opacity: .55; cursor: wait; }
.ph-admin-workshop-editor-field > span { display:block; margin-bottom:7px; font-weight:700; color:#23463e; }
.ph-admin-workshop-editor-toolbar { display:flex; flex-wrap:wrap; gap:6px; padding:8px; border:1px solid #bdcdc4; border-bottom:0; border-radius:8px 8px 0 0; background:#e8f0eb; }
.ph-admin-workshop-editor-toolbar button { min-width:34px; padding:5px 9px; border:1px solid #b8cbc1; border-radius:6px; background:#fff; color:#17322e; cursor:pointer; }
.ph-admin-workshop-editor-toolbar button:hover { background:#dcebe4; }
.ph-admin-workshop-editor-content { min-height:150px; padding:11px 12px; border:1px solid #bdcdc4; border-radius:0 0 8px 8px; background:#fff; color:#17322e; line-height:1.55; outline:none; }
.ph-admin-workshop-editor-content:focus { border-color:#0B3A34; box-shadow:0 0 0 2px rgba(11,58,52,.12); }
.ph-admin-workshops-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ph-admin-dashboard__create-workshop { padding:10px 16px; border:0; border-radius:999px; background:#0B3A34; color:#fff; font-weight:700; cursor:pointer; }
.ph-admin-dashboard__create-workshop:hover { background:#0B4F46; }
.ph-admin-organisations { display:grid; gap:16px; }
.ph-admin-organisation { border:1px solid #d5e2da; border-radius:14px; overflow:hidden; background:#fff; }
.ph-admin-organisation__head { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:14px 16px; background:#eaf3ef; }
.ph-admin-organisation__head h3 { margin:0; color:#0B3A34; font-size:18px; }
.ph-admin-organisation__head span { color:#52746d; font-size:13px; }
.ph-admin-organisation__participant { display:grid; gap:3px; padding:12px 16px; border-top:1px solid #edf2ef; }
.ph-admin-organisation__participant strong { color:#17322e; }
.ph-admin-organisation__participant span,.ph-admin-organisation__participant small { color:#61756e; font-size:13px; }
.ph-admin-workshop-modal__slot-pdf { display:inline-flex; width:max-content; margin:4px 0 10px; padding:8px 12px; border-radius:999px; background:#0B3A34; color:#fff!important; font-size:12px; text-decoration:none!important; }
.ph-admin-workshop-modal__slot-pdf:hover { background:#0B4F46; }
.ph-admin-workshop-modal__dates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0; padding:14px; border:1px solid #d5e2da; border-radius:12px; background:#f3f7f4; }
.ph-admin-workshop-modal__dates h3 { grid-column:1/-1; margin:0; color:#0B3A34; font-size:16px; }
.ph-admin-workshop-modal__dates label { display:grid; gap:5px; color:#23463e; font-size:12px; font-weight:700; }
.ph-admin-workshop-modal__dates input { width:100%; box-sizing:border-box; padding:8px; border:1px solid #bdcdc4; border-radius:7px; background:#fff; }
.ph-admin-workshop-modal__dates [data-add-slot] { align-self:end; padding:8px 12px; border:1px solid #0B3A34; border-radius:999px; background:#fff; color:#0B3A34; cursor:pointer; }
.ph-admin-workshop-modal__remove-slot { padding:4px 8px; border:0; border-radius:999px; background:#dce8e4; color:#0B3A34; font-size:11px; cursor:pointer; }
.ph-admin-workshop-modal__delete { padding:9px 13px; border:1px solid #b42318 !important; border-radius:999px; background:#b42318 !important; color:#fff !important; cursor:pointer; }
.ph-admin-workshop-modal__delete:hover { background:#8f1d14 !important; border-color:#8f1d14 !important; color:#fff !important; }
.ph-admin-workshop-modal__dialog { width:min(1100px,94vw) !important; }
.ph-admin-booking__beschluss { display:inline-flex; margin:10px 0; padding:8px 12px; border-radius:999px; background:#0B3A34; color:#fff!important; text-decoration:none!important; }
.ph-admin-booking__actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.ph-admin-booking__actions [data-action="invoice"],.ph-admin-booking__actions [data-action="regenerate-invoice"] { background:#0B3A34!important; color:#fff!important; border:0!important; border-radius:999px!important; padding:9px 13px!important; font-family:inherit; font-size:13px; font-weight:700; line-height:1.2; text-decoration:none!important; cursor:pointer; box-shadow:none!important; }
.ph-admin-booking__actions [data-action="regenerate-invoice"]:hover { background:#0B4F46!important; color:#fff!important; }
.ph-admin-booking__actions [data-action="decision-edit"] { background:#DCE8E4; color:#0B3A34!important; border-radius:999px; padding:9px 13px; text-decoration:none!important; }
.ph-admin-booking__actions [data-decision-link] { margin-left:auto; }
.ph-admin-workshop-modal__edit-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px 24px; align-items:start; }
.ph-admin-workshop-modal__edit-form > label:first-child,
.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-editor-field { grid-column:1; }
.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__details,
.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__dates,
.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__slots,
.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__form-actions { grid-column:2; }
.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-editor-field { min-width:0; }
@media(max-width:782px){.ph-admin-workshop-modal__edit-form{grid-template-columns:1fr}.ph-admin-workshop-modal__edit-form > label:first-child,.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-editor-field,.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__details,.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__dates,.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__slots,.ph-admin-workshop-modal__edit-form > .ph-admin-workshop-modal__form-actions{grid-column:1}}
.ph-admin-purge-button { margin:0 0 14px; padding:9px 13px; border:1px solid #b42318; border-radius:999px; background:#b42318; color:#fff; font-weight:700; cursor:pointer; }
.ph-admin-purge-button:hover { background:#8f1d14; }
.ph-admin-workshop-modal__details .ph-admin-workshop-check { display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid #d0ded6; border-radius:9px; background:#fff; cursor:pointer; }
.ph-admin-workshop-modal__details .ph-admin-workshop-check input { width:auto; }
@media(max-width:782px){.ph-admin-workshop-modal__dates{grid-template-columns:1fr 1fr;}}
.ph-admin-workshop-editor-content h2 { margin:1em 0 .45em; font-size:1.35em; }
.ph-admin-workshop-editor-content p { margin:.35em 0; }
@keyframes peoplehubModalIn { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 760px) {
	.ph-admin-workshop-modal { padding: 10px; }
	.ph-admin-workshop-modal__dialog { max-height: 94vh; border-radius: 20px; padding: 24px 16px; }
	.ph-admin-workshop-modal__participant-form { grid-template-columns: 1fr; }
}

/* Generische Workshop-Detailseite: mobile Optimierung (unabhängig von Elementor). */
@media (max-width: 800px) {
	body:has(.ph-workshop-detail) { overflow-x: hidden; }
	.ph-workshop-detail { width: 100% !important; margin: 0 0 48px !important; }
	.ph-workshop-detail__hero { min-height: 0 !important; padding: 128px 22px 48px !important; }
	.ph-workshop-detail__hero-inner { width: 100%; max-width: none; }
	.ph-workshop-detail h1 { max-width: 100%; font-size: clamp(32px, 9vw, 48px) !important; line-height: 1.1 !important; overflow-wrap: anywhere; }
	.ph-workshop-detail__lead { max-width: 100%; margin-top: 16px; font-size: 16px !important; line-height: 1.5 !important; }
	.ph-workshop-detail__facts { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px 12px !important; margin-top: 22px !important; padding-top: 15px !important; }
	.ph-workshop-detail__facts span { font-size: 14px !important; line-height: 1.35 !important; }
	.ph-workshop-detail__facts span:not(:last-child):after { content: none !important; }
	.ph-workshop-detail__body { display: flex !important; flex-direction: column !important; gap: 20px !important; margin: 20px 12px 0 !important; }
	.ph-workshop-detail__content { width: 100%; padding: 20px 17px !important; box-sizing: border-box; border-radius: 16px !important; }
	.ph-workshop-detail__description { font-size: 15px !important; line-height: 1.65 !important; overflow-wrap: anywhere; }
	.ph-workshop-detail__description > h2 { margin: 1.7em 0 .55em; color: #0B3A34; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.2; }
	.ph-workshop-detail__description > h2:first-child { margin-top: 0; }
	.ph-workshop-detail__description > p { margin: 0 0 1em; }
	.ph-workshop-detail__description img,
	.ph-workshop-detail__description iframe,
	.ph-workshop-detail__description table { max-width: 100%; height: auto; }
	.ph-workshop-detail__booking { position: static !important; width: 100%; padding: 20px 16px !important; box-sizing: border-box; border-radius: 16px !important; }
	.ph-workshop-detail__booking h2 { font-size: 23px !important; }
	.ph-workshop-detail__price { font-size: 14px !important; line-height: 1.45; }
	.ph-workshop-detail__slot { padding: 14px !important; }
	.ph-workshop-detail__slot strong { font-size: 15px !important; overflow-wrap: anywhere; }
	.ph-workshop-detail__button { width: 100%; min-height: 46px; box-sizing: border-box; }
	.ph-workshop-detail__form { overflow: hidden; }
	.ph-workshop-detail__form .forminator-ui,
	.ph-workshop-detail__form .forminator-row,
	.ph-workshop-detail__form .forminator-col { max-width: 100% !important; }
}

/* Buchungsmaske: Inhalte bleiben innerhalb der sichtbaren Container. */
#ph-workshop-booking.peoplehub-booking-mask{grid-template-columns:minmax(0,40%) minmax(0,60%)!important;gap:0!important;overflow:hidden!important}
#ph-workshop-booking .peoplehub-booking-mask__information{background:#EDF5F3!important;padding:clamp(34px,4vw,64px)!important;overflow:auto!important;overflow-wrap:anywhere!important}
#ph-workshop-booking .peoplehub-booking-mask__form{background:#EDF5F3!important;padding:clamp(24px,3vw,48px)!important;transform:none!important;overflow:auto!important;min-width:0!important}
#ph-workshop-booking .peoplehub-booking-mask__information h2{font-size:clamp(22px,2.4vw,38px)!important;line-height:1.15!important}
#ph-workshop-booking .peoplehub-booking-mask__description{font-size:clamp(13px,1.1vw,16px)!important;line-height:1.55!important}
#ph-workshop-booking .peoplehub-booking-mask__form h3{font-size:clamp(20px,2vw,30px)!important}
#ph-workshop-booking.peoplehub-booking-mask{overflow-y:auto!important;overflow-x:hidden!important;max-height:100vh!important}
#ph-workshop-booking .peoplehub-booking-mask__information,#ph-workshop-booking .peoplehub-booking-mask__form{overflow-y:auto!important;overscroll-behavior:contain!important}
#ph-workshop-booking.peoplehub-booking-mask{inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,40%) minmax(0,60%)!important;align-items:stretch!important;justify-content:stretch!important;align-content:stretch!important;background:rgba(38,38,38,.84)!important}
#ph-workshop-booking .peoplehub-booking-mask__information,#ph-workshop-booking .peoplehub-booking-mask__form{height:100vh!important;max-height:none!important;border-radius:0!important;box-shadow:none!important}
#ph-workshop-booking .peoplehub-booking-mask__information{padding:clamp(42px,6vw,100px)!important;background:#EDF5F3!important}
#ph-workshop-booking .peoplehub-booking-mask__form{padding:clamp(34px,5vw,84px)!important;background:#f7fbf9!important;border-left:1px solid #d4e4dd!important}
#ph-workshop-booking .peoplehub-booking-mask__close{top:28px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:52px!important;height:52px!important;background:#0B3A34!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important}
#ph-workshop-booking.peoplehub-booking-mask::before{content:""!important;position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;background:#EDF5F3!important;border-radius:0!important;z-index:0!important}
#ph-workshop-booking.peoplehub-booking-mask.is-visible,#ph-workshop-booking.peoplehub-booking-mask.popup-active{background:#EDF5F3!important;background-color:#EDF5F3!important}
#ph-workshop-booking.peoplehub-booking-mask>*{position:relative!important;z-index:1!important}
@media (max-width:1024px){#ph-workshop-booking.peoplehub-booking-mask{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;overflow-y:auto!important;padding:72px 18px 24px!important}#ph-workshop-booking .peoplehub-booking-mask__information,#ph-workshop-booking .peoplehub-booking-mask__form{width:100%!important;margin:0!important;border-radius:20px!important;padding:24px!important}#ph-workshop-booking .peoplehub-booking-mask__form{margin-top:14px!important}}

@media (max-width: 480px) {
	.ph-workshop-detail__hero { padding: 112px 17px 38px !important; }
	.ph-workshop-detail__eyebrow,
	.ph-workshop-detail__booking-eyebrow { font-size: 11px !important; }
	.ph-workshop-detail__facts { grid-template-columns: 1fr !important; }
	.ph-workshop-detail__facts span { font-size: 14px !important; }
	.ph-workshop-detail__body { margin-right: 8px !important; margin-left: 8px !important; }
	.ph-workshop-detail__content,
	.ph-workshop-detail__booking { padding: 17px 14px !important; }
}

/* Adminportal: Buchungen ohne WordPress-/Elementor-Standardgestaltung. */
.ph-admin-dashboard .ph-admin-bookings {
	width: 100%;
	box-sizing: border-box;
	padding: clamp(22px, 3vw, 36px);
	border: 1px solid rgba(11, 58, 52, .08);
	border-radius: 24px;
	background: var(--ph-color-surface);
	color: var(--ph-color-text);
}

.ph-admin-dashboard .ph-admin-bookings__toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
	gap: 12px;
	margin: 0 0 20px;
}

.ph-admin-dashboard .ph-admin-bookings__toolbar input[type="search"],
.ph-admin-dashboard .ph-admin-bookings__toolbar select,
.ph-admin-dashboard .ph-admin-booking__status-wrap select {
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 10px 15px !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(11, 58, 52, .16) !important;
	border-radius: 12px !important;
	outline: 0 !important;
	background-color: var(--ph-color-white) !important;
	box-shadow: none !important;
	color: var(--ph-color-primary) !important;
	font-family: var(--ph-font-sans) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease !important;
}

.ph-admin-dashboard .ph-admin-bookings__toolbar input[type="search"]:focus,
.ph-admin-dashboard .ph-admin-bookings__toolbar select:focus,
.ph-admin-dashboard .ph-admin-booking__status-wrap select:focus {
	border-color: var(--ph-color-accent) !important;
	box-shadow: 0 0 0 3px rgba(61, 225, 188, .18) !important;
}

.ph-admin-dashboard .ph-admin-bookings__toolbar input[type="search"]::placeholder {
	color: rgba(58, 69, 68, .62) !important;
	opacity: 1;
}

.ph-admin-dashboard .ph-admin-bookings__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 22px;
}

.ph-admin-dashboard .ph-admin-bookings__stats > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 86px;
	padding: 16px 18px;
	box-sizing: border-box;
	border: 1px solid rgba(11, 58, 52, .07);
	border-radius: 16px;
	background: rgba(255, 255, 255, .84);
	box-shadow: 0 14px 26px -25px rgba(11, 58, 52, .7);
}

.ph-admin-dashboard .ph-admin-bookings__stats strong {
	font-size: clamp(24px, 3vw, 32px);
	line-height: 1;
	color: var(--ph-color-primary);
}

.ph-admin-dashboard .ph-admin-bookings__stats span {
	margin-top: 7px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	color: var(--ph-color-secondary);
	text-transform: uppercase;
}

.ph-admin-dashboard .ph-admin-bookings__list {
	display: grid;
	gap: 14px;
}

.ph-admin-dashboard .ph-admin-booking {
	position: relative;
	margin: 0 !important;
	padding: clamp(20px, 2.5vw, 28px) !important;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid rgba(11, 58, 52, .09) !important;
	border-radius: 18px !important;
	background: var(--ph-color-white) !important;
	box-shadow: 0 16px 34px -30px rgba(11, 58, 52, .75) !important;
	color: var(--ph-color-text) !important;
}

.ph-admin-dashboard .ph-admin-booking::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: var(--ph-color-accent);
}

.ph-admin-dashboard .ph-admin-booking__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 20px;
}

.ph-admin-dashboard .ph-admin-booking__id {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	color: var(--ph-color-secondary);
}

.ph-admin-dashboard .ph-admin-booking__workshop {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--ph-font-sans) !important;
	font-size: clamp(18px, 2vw, 23px) !important;
	font-weight: 650 !important;
	line-height: 1.25 !important;
	color: var(--ph-color-primary) !important;
}

.ph-admin-dashboard .ph-admin-booking__status-wrap {
	flex: 0 0 170px;
}

.ph-admin-dashboard .ph-admin-booking__status-wrap select {
	min-height: 42px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.ph-admin-dashboard .ph-admin-booking__save-state {
	display: block;
	min-height: 18px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: 600;
	color: var(--ph-color-secondary);
	text-align: right;
}

.ph-admin-dashboard .ph-admin-booking__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px 24px;
	padding: 18px;
	border-radius: 14px;
	background: #edf5f3;
}

.ph-admin-dashboard .ph-admin-booking__meta p {
	display: grid;
	grid-template-columns: minmax(88px, auto) 1fr;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: var(--ph-color-text) !important;
}

.ph-admin-dashboard .ph-admin-booking__meta strong {
	color: var(--ph-color-primary) !important;
	font-weight: 650 !important;
}

.ph-admin-dashboard .ph-admin-booking__meta a {
	color: var(--ph-color-secondary) !important;
	text-decoration: none !important;
	overflow-wrap: anywhere;
}

.ph-admin-dashboard .ph-admin-booking__meta a:hover {
	color: var(--ph-color-primary) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.ph-admin-dashboard .ph-admin-booking__notes-toggle {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 9px;
	width: 100% !important;
	min-height: 46px !important;
	margin: 16px 0 0 !important;
	padding: 10px 14px !important;
	box-sizing: border-box;
	border: 1px solid rgba(11, 58, 52, .12) !important;
	border-radius: 12px !important;
	background: #f7faf9 !important;
	box-shadow: none !important;
	color: var(--ph-color-primary) !important;
	font-family: var(--ph-font-sans) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer;
	transition: background-color .25s ease, border-color .25s ease !important;
}

.ph-admin-dashboard .ph-admin-booking__notes-toggle::after {
	content: "+";
	margin-left: auto;
	font-size: 21px;
	font-weight: 400;
	line-height: 1;
	transition: transform .3s ease;
}

.ph-admin-dashboard .ph-admin-booking__notes-toggle[aria-expanded="true"] {
	border-color: rgba(11, 58, 52, .22) !important;
	border-radius: 12px 12px 0 0 !important;
	background: #edf5f3 !important;
}

.ph-admin-dashboard .ph-admin-booking__notes-toggle[aria-expanded="true"]::after {
	transform: rotate(45deg);
}

.ph-admin-dashboard .ph-admin-booking__notes-count {
	display: inline-grid;
	place-items: center;
	min-width: 24px;
	height: 24px;
	padding: 0 6px;
	box-sizing: border-box;
	border-radius: 999px;
	background: var(--ph-color-primary);
	color: var(--ph-color-white);
	font-size: 11px;
	font-weight: 700;
}

.ph-admin-dashboard .ph-admin-booking__notes {
	margin-top: 16px;
	padding: 18px;
	border: 1px solid rgba(11, 58, 52, .09);
	border-radius: 14px;
	background: #f7faf9;
	animation: peoplehubNotesOpen .3s ease both;
}

.ph-admin-dashboard .ph-admin-booking__notes[hidden] {
	display: none !important;
}

.ph-admin-dashboard .ph-admin-booking__notes-toggle[aria-expanded="true"] + .ph-admin-booking__notes {
	margin-top: 0;
	border-top: 0;
	border-radius: 0 0 14px 14px;
}

@keyframes peoplehubNotesOpen {
	from { opacity: 0; transform: translateY(-5px); }
	to { opacity: 1; transform: translateY(0); }
}

.ph-admin-dashboard .ph-admin-booking__notes label,
.ph-admin-dashboard .ph-admin-booking__notes label > span {
	display: block;
}

.ph-admin-dashboard .ph-admin-booking__notes-list {
	display: grid;
	gap: 8px;
	margin-bottom: 16px;
}

.ph-admin-dashboard .ph-admin-booking__notes-empty {
	margin: 0 !important;
	padding: 11px 13px !important;
	border-radius: 10px;
	background: rgba(220, 232, 228, .55);
	color: rgba(58, 69, 68, .75) !important;
	font-size: 12px !important;
}

.ph-admin-dashboard .ph-admin-booking__note-entry {
	margin: 0;
	padding: 12px 14px;
	border-left: 3px solid var(--ph-color-accent);
	border-radius: 9px;
	background: var(--ph-color-white);
}

.ph-admin-dashboard .ph-admin-booking__note-meta {
	margin-bottom: 5px;
	color: var(--ph-color-secondary);
	font-size: 11px;
	font-weight: 700;
}

.ph-admin-dashboard .ph-admin-booking__note-entry p {
	margin: 0 !important;
	color: var(--ph-color-text) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	white-space: pre-wrap;
}

.ph-admin-dashboard .ph-admin-booking__notes label > span {
	margin-bottom: 8px;
	color: var(--ph-color-primary);
	font-size: 13px;
	font-weight: 700;
}

.ph-admin-dashboard .ph-admin-booking__notes textarea {
	display: block !important;
	width: 100% !important;
	min-height: 104px !important;
	margin: 0 !important;
	padding: 13px 14px !important;
	box-sizing: border-box !important;
	resize: vertical;
	border: 1px solid rgba(11, 58, 52, .16) !important;
	border-radius: 12px !important;
	outline: 0 !important;
	background: var(--ph-color-white) !important;
	box-shadow: none !important;
	color: var(--ph-color-text) !important;
	font-family: var(--ph-font-sans) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.ph-admin-dashboard .ph-admin-booking__notes textarea:focus {
	border-color: var(--ph-color-accent) !important;
	box-shadow: 0 0 0 3px rgba(61, 225, 188, .18) !important;
}

.ph-admin-dashboard .ph-admin-booking__attachments {
	display: grid;
	gap: 7px;
	margin-top: 13px;
}

.ph-admin-dashboard .ph-admin-booking__attachments-empty {
	font-size: 12px;
	color: rgba(58, 69, 68, .7);
}

.ph-admin-dashboard .ph-admin-booking__attachment {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 11px;
	border-radius: 10px;
	background: var(--ph-color-white);
}

.ph-admin-dashboard .ph-admin-booking__attachment a {
	min-width: 0;
	overflow: hidden;
	color: var(--ph-color-secondary) !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ph-admin-dashboard .ph-admin-booking__attachment button {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 3px 5px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #8a2d21 !important;
	font-family: var(--ph-font-sans) !important;
	font-size: 11px !important;
	font-weight: 650 !important;
	text-decoration: none !important;
	cursor: pointer;
}

.ph-admin-dashboard .ph-admin-booking__note-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
}

.ph-admin-dashboard .ph-admin-booking__file-button,
.ph-admin-dashboard .ph-admin-booking__note-actions > button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 8px 16px !important;
	box-sizing: border-box;
	border: 1px solid var(--ph-color-primary) !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ph-color-primary) !important;
	font-family: var(--ph-font-sans) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer;
}

.ph-admin-dashboard .ph-admin-booking__file-button > span {
	margin: 0;
	color: inherit;
	font: inherit;
}

.ph-admin-dashboard .ph-admin-booking__file-button input {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.ph-admin-dashboard .ph-admin-booking__note-actions > button {
	margin-left: auto !important;
	background: var(--ph-color-primary) !important;
	color: var(--ph-color-white) !important;
}

.ph-admin-dashboard .ph-admin-booking__file-button:hover,
.ph-admin-dashboard .ph-admin-booking__note-actions > button:hover {
	background: var(--ph-color-secondary) !important;
	color: var(--ph-color-white) !important;
}

.ph-admin-dashboard .ph-admin-booking__note-actions > button:disabled,
.ph-admin-dashboard .ph-admin-booking__attachment button:disabled {
	opacity: .5;
	cursor: wait;
}

.ph-admin-dashboard .ph-admin-booking__file-selection {
	min-width: 0;
	overflow: hidden;
	color: rgba(58, 69, 68, .75);
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ph-admin-dashboard .ph-admin-booking__note-state {
	min-height: 18px;
	margin: 7px 0 0 !important;
	color: var(--ph-color-secondary) !important;
	font-size: 11px !important;
	font-weight: 600;
	text-align: right;
}

.ph-admin-dashboard .ph-admin-booking__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
	margin-top: 16px;
}

.ph-admin-dashboard .ph-admin-booking__actions a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 20px !important;
	box-sizing: border-box;
	border: 1px solid var(--ph-color-primary) !important;
	border-radius: 999px !important;
	background: var(--ph-color-primary) !important;
	box-shadow: none !important;
	color: var(--ph-color-white) !important;
	font-family: var(--ph-font-sans) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background-color .25s ease, transform .25s ease !important;
}

.ph-admin-dashboard .ph-admin-booking__actions a:hover,
.ph-admin-dashboard .ph-admin-booking__actions a:focus {
	background: var(--ph-color-secondary) !important;
	color: var(--ph-color-white) !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}

.ph-admin-dashboard .ph-admin-booking__actions a[data-action="invoice"] {
	border-color: var(--ph-color-secondary) !important;
	background: var(--ph-color-secondary) !important;
}

.ph-admin-dashboard .ph-admin-booking__actions button[data-action="regenerate-invoice"] {
	min-height: 42px;
	padding: 9px 15px;
	border: 1px solid rgba(11, 58, 52, .2);
	border-radius: 999px;
	background: transparent;
	color: var(--ph-color-primary);
	font: 600 13px/1 var(--ph-font-sans);
	cursor: pointer;
}

.ph-admin-dashboard .ph-admin-booking__actions button[data-action="regenerate-invoice"]:hover {
	background: #edf5f3;
}

.ph-admin-dashboard .ph-admin-booking__actions button[data-action="regenerate-invoice"]:disabled {
	opacity: .55;
	cursor: wait;
}

.ph-admin-dashboard .ph-admin-booking__actions [data-invoice-state] {
	color: var(--ph-color-secondary);
	font-size: 11px;
	font-weight: 600;
}

.ph-admin-dashboard .ph-bookings__empty,
.ph-admin-dashboard .ph-bookings__loading {
	margin: 0;
	padding: 28px 20px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .78);
	color: var(--ph-color-text);
	font-size: 15px;
	text-align: center;
}

.peoplehub-dashboard__invoice {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 16px;
	border-radius: 12px;
	background: var(--ph-color-white);
	color: var(--ph-color-primary);
	font-weight: 600;
	text-decoration: none;
}

.peoplehub-dashboard__invoice:hover {
	background: #edf5f3;
}

@media (max-width: 760px) {
	.ph-admin-dashboard .ph-admin-bookings {
		padding: 18px 14px;
	}

	.ph-admin-dashboard .ph-admin-bookings__toolbar,
	.ph-admin-dashboard .ph-admin-bookings__stats,
	.ph-admin-dashboard .ph-admin-booking__meta {
		grid-template-columns: 1fr;
	}

	.ph-admin-dashboard .ph-admin-booking__top {
		flex-direction: column;
		gap: 14px;
	}

	.ph-admin-dashboard .ph-admin-booking__status-wrap {
		width: 100%;
		flex-basis: auto;
	}

	.ph-admin-dashboard .ph-admin-booking__meta p {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.ph-admin-dashboard .ph-admin-booking__note-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ph-admin-dashboard .ph-admin-booking__note-actions > button {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.peoplehub-registration {
		grid-template-columns: 1fr;
		padding: 28px 20px;
	}

	.peoplehub-registration__grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.peoplehub-dashboard__tabs {
		border-radius: 22px;
	}

	.peoplehub-dashboard {
		padding: 18px 14px;
		border-radius: 24px;
	}

	.peoplehub-dashboard__tab {
		flex: 1 1 calc(50% - 6px);
	}

	.peoplehub-dashboard__card dl {
		grid-template-columns: 1fr;
	}

	.peoplehub-dashboard__account-summary,
	.peoplehub-billing-form__grid {
		grid-template-columns: 1fr;
	}

	.peoplehub-billing-form__wide {
		grid-column: auto;
	}

	.peoplehub-dashboard__invoice {
		flex-direction: column;
		gap: 4px;
	}

	.ph-admin-dashboard__workshop {
		flex-direction: column;
		gap: 4px;
	}
}

/* Workshop-Kalender */
.ph-calendar {
	font-family: var(--ph-font-sans);
	color: var(--ph-color-text);
}

.ph-calendar__eyebrow,
.ph-calendar__type {
	font-family: var(--ph-font-serif);
	font-weight: 400;
	color: var(--ph-color-secondary);
}

.ph-calendar__event {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	padding: 20px;
	border-radius: 30px;
	background: var(--ph-color-surface);
	box-shadow: 0 0 18px -12px rgba(0, 0, 0, 0.5);
}

.ph-calendar__event + .ph-calendar__event {
	margin-top: 6px !important;
}

.ph-calendar__event-title {
	margin: 0;
	font-size: 20px;
	font-weight: 500;
}

.ph-calendar__event-title a {
	color: var(--ph-color-primary);
	text-decoration: none;
}

.ph-calendar__event-title a:hover,
.ph-calendar__event-title a:focus {
	color: var(--ph-color-secondary);
	text-decoration: underline;
}

/* Kalenderoberfläche – keine Theme-/Elementor-Standardflächen */
.ph-calendar,
.ph-calendar__month,
.ph-calendar__list,
.ph-calendar__detail {
	background: var(--ph-color-white);
	color: var(--ph-color-text);
}

.ph-calendar__heading,
.ph-calendar__list-heading,
.ph-calendar__monthbar {
	color: var(--ph-color-primary);
}

.ph-calendar__monthbar,
.ph-calendar__list-heading {
	border-bottom: 3px solid var(--ph-color-accent);
}

.ph-calendar__weekdays span {
	color: var(--ph-color-secondary);
	font-family: var(--ph-font-serif);
	font-weight: 400;
}

.ph-calendar__day,
.ph-calendar__day:not(:disabled) {
	border: 1px solid #DCE8E4;
	border-radius: 12px;
	background: var(--ph-color-white);
	color: var(--ph-color-primary);
	font-family: var(--ph-font-sans);
	font-weight: 500;
}

.ph-calendar__day:hover,
.ph-calendar__day:focus,
.ph-calendar__day.is-selected {
	border-color: var(--ph-color-primary);
	background: var(--ph-color-primary);
	color: var(--ph-color-white);
}

.ph-calendar__day.has-event:not(.is-selected) {
	border-color: var(--ph-color-accent);
	background: var(--ph-color-surface);
	color: var(--ph-color-primary);
}

.ph-calendar__day-placeholder,
.ph-calendar__day:disabled {
	border-color: transparent;
	background: #F5F8F7;
	color: #8A9B96;
	opacity: 1;
}

.ph-calendar__month-button {
	border: 1px solid var(--ph-color-primary) !important;
	border-radius: 50% !important;
	background: var(--ph-color-white) !important;
	color: var(--ph-color-primary) !important;
}

.ph-calendar__month-button:hover,
.ph-calendar__month-button:focus {
	background: var(--ph-color-primary) !important;
	color: var(--ph-color-white) !important;
}

.ph-calendar__type,
.ph-calendar__meta,
.ph-calendar__empty {
	color: var(--ph-color-text);
}

.ph-calendar__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ph-calendar__detail-button,
.ph-calendar__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 18px;
	border: 1px solid var(--ph-color-primary);
	border-radius: 42px;
	font-family: var(--ph-font-sans);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.ph-calendar__detail-button {
	background: var(--ph-color-surface);
	color: var(--ph-color-primary);
}

.ph-calendar__action {
	background: var(--ph-color-primary);
	color: var(--ph-color-white);
}

/* Einheitliche PeopleHub-Farben auch bei mehreren Workshop-Einträgen. */
.ph-calendar .ph-calendar__action,
.ph-calendar .ph-calendar__action:visited {
	background: #0B3A34 !important;
	border-color: #0B3A34 !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.ph-calendar__detail-button:hover,
.ph-calendar__detail-button:focus {
	background: var(--ph-color-primary);
	color: var(--ph-color-white);
}

.ph-calendar__action:hover,
.ph-calendar__action:focus {
	border-color: var(--ph-color-secondary);
	background: var(--ph-color-secondary);
}
.ph-calendar .ph-calendar__action:hover,
.ph-calendar .ph-calendar__action:focus {
	background: #0B4F46 !important;
	border-color: #0B4F46 !important;
	color: #FFFFFF !important;
}

/* Akademie-Kalender: schwebende, auf Hover ausklappende Ansicht */
.peoplehub-akademie-calendar{position:fixed;top:clamp(120px,18vh,260px);right:24px;z-index:999;width:238px;max-height:88px;overflow:hidden;border:1px solid var(--ph-color-primary);border-radius:18px;background:var(--ph-color-primary);box-shadow:0 12px 26px -16px rgba(0,0,0,.65);transition:all .6s ease}.peoplehub-akademie-calendar:hover,.peoplehub-akademie-calendar:focus,.peoplehub-akademie-calendar:focus-within{width:min(94vw,1080px);max-height:calc(100vh - 48px);border-color:var(--ph-color-secondary);border-radius:30px;background:var(--ph-color-white);box-shadow:0 20px 48px -20px rgba(11,58,52,.45);outline:0}.peoplehub-akademie-calendar__icon{position:absolute;top:28px;left:22px;z-index:2;display:inline-flex;width:32px;height:32px;color:var(--ph-color-white);pointer-events:none;transition:all .6s ease}.peoplehub-akademie-calendar__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.peoplehub-akademie-calendar__teaser{position:absolute;top:21px;left:68px;display:flex;flex-direction:column;gap:3px;color:var(--ph-color-white);line-height:1.1;white-space:nowrap;pointer-events:none;transition:all .6s ease}.peoplehub-akademie-calendar__teaser strong{font-size:15px;font-weight:700}.peoplehub-akademie-calendar__teaser small{font-size:12px;opacity:.78}.peoplehub-akademie-calendar__content{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-16px);transition:all .6s ease}.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:focus .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:focus-within .peoplehub-akademie-calendar__content{visibility:visible;max-height:calc(100vh - 48px);overflow:auto;opacity:1;pointer-events:auto;transform:translateY(0)}.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__icon,.peoplehub-akademie-calendar:focus .peoplehub-akademie-calendar__icon,.peoplehub-akademie-calendar:focus-within .peoplehub-akademie-calendar__icon,.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__teaser,.peoplehub-akademie-calendar:focus .peoplehub-akademie-calendar__teaser,.peoplehub-akademie-calendar:focus-within .peoplehub-akademie-calendar__teaser{opacity:0;transform:translateY(-10px)}@media(max-width:767px){.peoplehub-akademie-calendar{top:14vh;right:16px;width:218px}.peoplehub-akademie-calendar:hover,.peoplehub-akademie-calendar:focus,.peoplehub-akademie-calendar:focus-within{width:calc(100vw - 32px);max-height:calc(100vh - 32px)}}

/* Workshop-Details: Hero und Termin-Buchung */
.ph-workshop-detail__hero h1 {
	color: var(--ph-color-white) !important;
}

.ph-workshop-detail__slot-book,
.ph-workshop-detail__slot-book:hover,
.ph-workshop-detail__slot-book:focus {
	text-decoration: none !important;
}

/* Buchungsmaske (Forminator 1188) */
.peoplehub-booking-mask {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(340px, 1.15fr);
	gap: 36px;
	align-items: start;
	padding: 30px;
	border: 1px solid var(--ph-color-surface);
	border-radius: 30px;
	background: var(--ph-color-white);
	box-shadow: 0 18px 48px -30px rgba(11, 58, 52, .45);
	scroll-margin-top: 120px;
}

/* Alte Startseiten-Regel für #ph-workshop-booking neutralisieren. */
#ph-workshop-booking.peoplehub-booking-mask {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	z-index: auto !important;
	display: grid !important;
	width: auto !important;
	height: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: none !important;
}

.ph-calendar__action {
	pointer-events: auto !important;
	cursor: pointer !important;
}

.peoplehub-booking-mask__information,
.peoplehub-booking-mask__form {
	min-width: 0;
}

.peoplehub-booking-mask__information h2,
.peoplehub-booking-mask__form h3 {
	margin: 0 0 12px;
	color: var(--ph-color-primary);
}

.peoplehub-booking-mask__information h2 {
	font-size: 22px;
}

.peoplehub-booking-mask__form h3 {
	font-size: 17px;
}

.peoplehub-booking-mask__eyebrow {
	margin: 0 0 8px;
	font-family: var(--ph-font-serif);
	font-size: 13px;
	color: var(--ph-color-secondary);
}

.peoplehub-booking-mask__description {
	margin-bottom: 20px;
}

.peoplehub-booking-mask__detail-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 18px;
}

.peoplehub-booking-mask__selection {
	margin: 0 0 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--ph-color-secondary);
}

#forminator-module-1188,
form#forminator-module-1188,
.forminator-custom-form[data-form-id="1188"] {
	position: sticky !important;
	top: 110px;
	max-height: calc(100vh - 130px);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: var(--ph-color-secondary) var(--ph-color-surface);
	scrollbar-width: thin;
}

#forminator-module-1188::-webkit-scrollbar,
form#forminator-module-1188::-webkit-scrollbar,
.forminator-custom-form[data-form-id="1188"]::-webkit-scrollbar {
	width: 8px;
}

#forminator-module-1188::-webkit-scrollbar-track,
form#forminator-module-1188::-webkit-scrollbar-track,
.forminator-custom-form[data-form-id="1188"]::-webkit-scrollbar-track {
	background: var(--ph-color-surface);
	border-radius: 10px;
}

#forminator-module-1188::-webkit-scrollbar-thumb,
form#forminator-module-1188::-webkit-scrollbar-thumb,
.forminator-custom-form[data-form-id="1188"]::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: var(--ph-color-secondary);
}

#forminator-module-1188 h1,
.forminator-custom-form[data-form-id="1188"] h1 {
	font-size: 22px !important;
}

#forminator-module-1188 h2,
.forminator-custom-form[data-form-id="1188"] h2 {
	font-size: 19px !important;
}

#forminator-module-1188 h3,
.forminator-custom-form[data-form-id="1188"] h3,
#ph-workshop-booking-form > h3 {
	font-size: 17px !important;
}

#forminator-module-1188 h4,
.forminator-custom-form[data-form-id="1188"] h4 {
	font-size: 16px !important;
}

.peoplehub-workshop-description {
	font-size: 15px;
	line-height: 1.55;
}

#forminator-module-1188 .forminator-field-html .forminator-label,
.forminator-custom-form[data-form-id="1188"] .forminator-field-html .forminator-label,
#forminator-module-1188 [id^="html-"] .forminator-label,
.forminator-custom-form[data-form-id="1188"] [id^="html-"] .forminator-label {
	display: none !important;
}

@media (max-width: 800px) {
	.peoplehub-booking-mask {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 22px 18px;
	}

	#forminator-module-1188,
	form#forminator-module-1188,
	.forminator-custom-form[data-form-id="1188"] {
		position: static !important;
		max-height: none;
		overflow: visible;
	}
}

/* Originaldesign der Buchungsmaske aus dem Referenz-Screenshot. */
#ph-workshop-booking.peoplehub-booking-mask {
	isolation: isolate;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: calc(100vh - 48px) !important;
	align-content: stretch !important;
	align-items: stretch !important;
	padding: 24px max(24px, 11vw) !important;
}

#ph-workshop-booking.peoplehub-booking-mask::before {
	content: "";
	position: absolute;
	inset: 24px max(24px, 11vw);
	z-index: 0;
	background: #DFECE9;
}

#ph-workshop-booking .peoplehub-booking-mask__information,
#ph-workshop-booking .peoplehub-booking-mask__form {
	position: relative;
	z-index: 1;
	box-shadow: none;
}

#ph-workshop-booking .peoplehub-booking-mask__information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	max-height: none;
	padding: clamp(155px, 18vh, 220px) clamp(38px, 4vw, 68px) 60px;
	overflow-y: auto;
	border-radius: 0;
	background: transparent;
}

#ph-workshop-booking .peoplehub-booking-mask__information h2 {
	max-width: 720px;
	margin: 0;
	font-size: clamp(22px, 1.55vw, 30px);
	font-weight: 600;
	line-height: 1.08;
}

#ph-workshop-booking .peoplehub-booking-mask__information h2::after {
	content: "";
	display: block;
	width: 210px;
	max-width: 45%;
	margin: 18px 0 20px;
	border-top: 4px solid var(--ph-color-accent);
}

#ph-workshop-booking .peoplehub-booking-mask__eyebrow,
#ph-workshop-booking .peoplehub-booking-mask__selection {
	display: none;
}

#ph-workshop-booking .peoplehub-booking-mask__description {
	max-width: 690px;
	margin: 0 0 24px;
	font-size: clamp(15px, 1vw, 18px);
	line-height: 1.65;
	color: var(--ph-color-primary);
}

#ph-workshop-booking .peoplehub-booking-mask__description p {
	margin: 0;
}

#ph-workshop-booking .peoplehub-booking-mask__detail-link {
	min-width: 180px;
	min-height: 50px;
	padding: 11px 24px;
	border-radius: 42px;
}

#ph-workshop-booking .peoplehub-booking-mask__form {
	align-self: stretch;
	max-height: none;
	margin: clamp(125px, 15vh, 185px) clamp(32px, 3.5vw, 62px) clamp(55px, 8vh, 95px);
	padding: 36px;
	overflow: hidden;
	border: 0;
	border-radius: 36px;
	background: rgba(236, 247, 243, .72);
}

#ph-workshop-booking .peoplehub-booking-mask__form > h3 {
	margin: 0 0 24px;
	font-size: clamp(21px, 1.4vw, 27px) !important;
	font-weight: 600;
}

#ph-workshop-booking .peoplehub-booking-mask__close {
	top: 64px !important;
	left: 50% !important;
	right: auto !important;
	width: 58px !important;
	height: 58px !important;
	transform: translateX(-50%) !important;
}

#ph-workshop-booking #forminator-module-1188,
#ph-workshop-booking form#forminator-module-1188,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
	max-height: calc(100vh - 330px) !important;
	padding-right: 8px !important;
	background: transparent !important;
}

#ph-workshop-booking #forminator-module-1188 .forminator-label,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] .forminator-label {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--ph-color-primary) !important;
}

#ph-workshop-booking #forminator-module-1188 .forminator-input,
#ph-workshop-booking #forminator-module-1188 .forminator-select,
#ph-workshop-booking #forminator-module-1188 .forminator-textarea,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] .forminator-input,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] .forminator-select,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] .forminator-textarea,
#ph-workshop-booking .select2-container .select2-selection {
	min-height: 58px !important;
	padding: 12px 16px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--ph-color-white) !important;
	color: var(--ph-color-primary) !important;
	box-shadow: none !important;
}

#ph-workshop-booking .forminator-field-checkbox .forminator-checkbox {
	display: flex !important;
	align-items: center;
	min-height: 54px;
	padding: 12px 16px !important;
	box-sizing: border-box;
	border-radius: 10px;
	background: var(--ph-color-white);
}

#ph-workshop-booking .forminator-button-submit {
	min-width: 228px !important;
	min-height: 58px !important;
	margin-top: 24px !important;
	border-radius: 42px !important;
	background: var(--ph-color-primary) !important;
	color: var(--ph-color-white) !important;
}

@media (max-width: 1024px) {
	#ph-workshop-booking.peoplehub-booking-mask {
		grid-template-columns: 1fr !important;
		grid-template-rows: auto !important;
		align-content: start !important;
		padding: 76px 16px 24px !important;
	}

	#ph-workshop-booking.peoplehub-booking-mask::before {
		inset: 16px;
	}

	#ph-workshop-booking .peoplehub-booking-mask__information {
		padding: 28px 24px 18px;
	}

	#ph-workshop-booking .peoplehub-booking-mask__form {
		margin: 0 24px 24px;
		padding: 24px 20px;
	}

	#ph-workshop-booking .peoplehub-booking-mask__close {
		top: 26px !important;
	}

	#ph-workshop-booking #forminator-module-1188,
	#ph-workshop-booking form#forminator-module-1188,
	#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
		max-height: none !important;
	}
}

/* Workshop-Detailseite: Beschriftungen im Buchungsbereich. */
.ph-workshop-detail__booking-eyebrow {
	color: #0B3A34 !important;
}

/* Fixed workshop calendar teaser: compact label on all devices. */
.peoplehub-akademie-calendar:not(.is-expanded) {
	width: 136px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	padding: 0 !important;
}

.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser {
	top: 16px !important;
	left: 50px !important;
	line-height: 1 !important;
	text-align: left !important;
}

.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser strong {
	font-size: 0 !important;
}

.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser strong::after {
	content: "Workshop";
	font-size: 14px !important;
	font-weight: 700;
}

.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser small {
	display: none !important;
}

.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__icon {
	top: 13px !important;
	left: 18px !important;
	width: 23px !important;
	height: 23px !important;
}

@media (min-width: 1101px) {
	.peoplehub-akademie-calendar:not(.is-expanded):hover,
	.peoplehub-akademie-calendar:not(.is-expanded):focus,
	.peoplehub-akademie-calendar:not(.is-expanded):focus-within {
		width: min(94vw, 1080px) !important;
		min-height: 0 !important;
		max-height: calc(100vh - 48px) !important;
		border-radius: 30px !important;
		background: var(--ph-color-white) !important;
	}

	.peoplehub-akademie-calendar:not(.is-expanded):hover .peoplehub-akademie-calendar__content,
	.peoplehub-akademie-calendar:not(.is-expanded):focus .peoplehub-akademie-calendar__content,
	.peoplehub-akademie-calendar:not(.is-expanded):focus-within .peoplehub-akademie-calendar__content {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: translateY(0) !important;
	}

	.peoplehub-akademie-calendar:not(.is-expanded):hover .peoplehub-akademie-calendar__icon,
	.peoplehub-akademie-calendar:not(.is-expanded):hover .peoplehub-akademie-calendar__teaser,
	.peoplehub-akademie-calendar:not(.is-expanded):focus .peoplehub-akademie-calendar__icon,
	.peoplehub-akademie-calendar:not(.is-expanded):focus .peoplehub-akademie-calendar__teaser,
	.peoplehub-akademie-calendar:not(.is-expanded):focus-within .peoplehub-akademie-calendar__icon,
	.peoplehub-akademie-calendar:not(.is-expanded):focus-within .peoplehub-akademie-calendar__teaser {
		opacity: 0 !important;
		transform: translateY(-10px) !important;
	}
}

/* Mobile booking mask: one shared scroll area for workshop details and form. */
@media (max-width: 767px) {
	#ph-workshop-booking.peoplehub-booking-mask {
		display: block !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		padding: 72px 18px 24px !important;
	}

	#ph-workshop-booking .peoplehub-booking-mask__information,
	#ph-workshop-booking .peoplehub-booking-mask__form {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#ph-workshop-booking .peoplehub-booking-mask__form {
		margin-top: 14px !important;
	}
}

/* Kalender wird ausschließlich per Klick geöffnet; Hover erzeugt keinen Zwischenzustand. */
.peoplehub-akademie-calendar:not(.is-expanded){width:238px!important;max-height:88px!important;border-radius:18px!important}
.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__content{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-16px)!important}
.peoplehub-akademie-calendar.is-expanded{width:min(94vw,1080px)!important;max-height:calc(100vh - 48px)!important;border-radius:30px!important;transform-origin:top right!important}
.peoplehub-akademie-calendar.is-expanded .peoplehub-akademie-calendar__content{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}
@media (max-width:1100px){.peoplehub-akademie-calendar:not(.is-expanded){width:170px!important;max-height:64px!important}.peoplehub-akademie-calendar.is-expanded{left:auto!important;right:12px!important;width:min(94vw,1080px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;transform-origin:top right!important}}
@media (max-width:767px){.peoplehub-akademie-calendar:not(.is-expanded){top:44px!important;right:18px!important;transform:translateY(-50%)!important}.peoplehub-akademie-calendar.is-expanded{top:92px!important;right:18px!important;transform:none!important}}
@media (min-width:1101px){.peoplehub-akademie-calendar:hover,.peoplehub-akademie-calendar:focus,.peoplehub-akademie-calendar:focus-within{width:min(94vw,1080px)!important;max-height:calc(100vh - 48px)!important;border-radius:30px!important}.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:focus .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:focus-within .peoplehub-akademie-calendar__content{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}}
@media (min-width:1101px){.peoplehub-akademie-calendar__close{display:none!important}}
@media (min-width:1101px){#ph-quicklinks,#peoplehub-quicklinks,#quicklinks{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}}
@media (min-width:1101px){#ph-quicklinks,#peoplehub-quicklinks,#quicklinks{position:fixed!important;top:18px!important;right:18px!important;z-index:1201!important}}
@media (min-width:1101px){#ph-quicklinks,#peoplehub-quicklinks,#quicklinks{position:fixed!important;top:auto!important;bottom:18px!important;right:18px!important;left:auto!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;z-index:1201!important}}
@media (min-width:1101px){#ph-quicklinks,#peoplehub-quicklinks,#quicklinks{transform:scale(.8)!important;transform-origin:bottom right!important;color:#EDF5F3!important}#ph-quicklinks a,#peoplehub-quicklinks a,#quicklinks a,#ph-quicklinks svg,#peoplehub-quicklinks svg,#quicklinks svg{color:#EDF5F3!important;fill:#EDF5F3!important;stroke:#EDF5F3!important}}
@media (min-width:1101px){#ph-quicklinks a[href*="akademie"],#peoplehub-quicklinks a[href*="akademie"],#quicklinks a[href*="akademie"],#ph-quicklinks a[href*="akademie"] *,#peoplehub-quicklinks a[href*="akademie"] *,#quicklinks a[href*="akademie"] *{color:#EDF5F3!important;-webkit-text-fill-color:#EDF5F3!important;fill:#EDF5F3!important;stroke:#EDF5F3!important}}
@media (min-width:1101px){#ph-quicklinks a,#peoplehub-quicklinks a,#quicklinks a{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#EDF5F3!important;color:#0B3A34!important;-webkit-text-fill-color:#0B3A34!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(11,58,52,.18),0 2px 6px rgba(11,58,52,.10)!important;transition:box-shadow .35s ease,transform .35s ease,background .35s ease!important}#ph-quicklinks a:hover,#peoplehub-quicklinks a:hover,#quicklinks a:hover{background:#fff!important;color:#0B3A34!important;box-shadow:0 16px 34px rgba(11,58,52,.28),0 5px 12px rgba(11,58,52,.16)!important;transform:translateY(-2px)!important}}
@media (min-width:1101px){#ph-quicklinks a,#peoplehub-quicklinks a,#quicklinks a{background:#0B3A34!important;color:#EDF5F3!important;-webkit-text-fill-color:#EDF5F3!important;box-shadow:0 10px 24px rgba(11,58,52,.24),0 2px 6px rgba(11,58,52,.14)!important}#ph-quicklinks a:hover,#peoplehub-quicklinks a:hover,#quicklinks a:hover{background:#0B3A34!important;color:#EDF5F3!important;-webkit-text-fill-color:#EDF5F3!important;box-shadow:0 16px 34px rgba(11,58,52,.4),0 5px 12px rgba(11,58,52,.22)!important}}
@media (min-width:1101px){#ph-quicklinks a[href*="akademie"],#peoplehub-quicklinks a[href*="akademie"],#quicklinks a[href*="akademie"]{padding:14px 18px!important}}
@media (min-width:1101px){#ph-quicklinks,#peoplehub-quicklinks,#quicklinks{transform:none!important}#ph-quicklinks>* ,#peoplehub-quicklinks>* ,#quicklinks>*{background:#0B3A34!important;color:#EDF5F3!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(11,58,52,.24),0 2px 6px rgba(11,58,52,.14)!important;transform:scale(.8)!important;transform-origin:center!important}#ph-quicklinks>*:hover,#peoplehub-quicklinks>*:hover,#quicklinks>*:hover{box-shadow:0 16px 34px rgba(11,58,52,.4),0 5px 12px rgba(11,58,52,.22)!important}}
@media (min-width:1101px){#ph-quicklinks,#peoplehub-quicklinks,#quicklinks{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:max-content!important}#ph-quicklinks>*,#peoplehub-quicklinks>*,#quicklinks>*{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:0!important;box-sizing:border-box!important;text-align:center!important}}
@media (min-width:1101px){#ph-quicklinks>*,#peoplehub-quicklinks>*,#quicklinks>*{width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important}#ph-quicklinks svg,#peoplehub-quicklinks svg,#quicklinks svg{width:28px!important;height:28px!important}#ph-quicklinks i,#peoplehub-quicklinks i,#quicklinks i{font-size:26px!important;line-height:1!important}}
@media (min-width:1101px){#peoplehub-quicklinks{position:fixed!important;top:auto!important;bottom:18px!important;right:18px!important;z-index:1201!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}}
#ph-mobile-contact-links{display:none!important}
@media (max-width:1024px){
	.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__close{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}
	.peoplehub-akademie-calendar.is-expanded .peoplehub-akademie-calendar__close{z-index:2147483647!important;display:inline-flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;background:#0B3A34!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important}
	.peoplehub-akademie-calendar.is-collapsed:hover .peoplehub-akademie-calendar__icon,
	.peoplehub-akademie-calendar.is-collapsed:hover .peoplehub-akademie-calendar__teaser{opacity:1!important;transform:none!important}
	.peoplehub-akademie-calendar:not(.is-expanded):hover,.peoplehub-akademie-calendar:not(.is-expanded):focus,.peoplehub-akademie-calendar:not(.is-expanded):focus-within{width:170px!important;max-height:64px!important;border-radius:18px!important}
	.peoplehub-akademie-calendar:not(.is-expanded):hover .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:not(.is-expanded):focus .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:not(.is-expanded):focus-within .peoplehub-akademie-calendar__content{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-16px)!important}
	.peoplehub-akademie-calendar:not(.is-expanded){padding:0!important}
	.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__icon{top:16px!important;left:12px!important}
	.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser{top:14px!important;left:46px!important}
	#peoplehub-quicklinks,#ph-quicklinks,#quicklinks{display:none!important;visibility:hidden!important;pointer-events:none!important}
	#ph-mobile-contact-links{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;margin:26px auto 0!important}
	#ph-mobile-contact-links{gap:6px!important;margin-top:18px!important}
	#ph-mobile-contact-links{flex-direction:row!important;gap:10px!important}
	#ph-mobile-contact-links a{display:inline-flex!important;width:auto!important;min-width:110px!important;justify-content:center!important;padding:4px 8px!important;border:1px solid rgba(237,245,243,.35)!important;border-radius:999px!important;background:rgba(237,245,243,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-size:10px!important;line-height:1.1!important}
	#ph-mobile-contact-links a{min-width:36px!important;width:36px!important;height:36px!important;padding:0!important;font-size:18px!important;line-height:1!important}
	}
@media (min-width:1101px){
	body .peoplehub-akademie-calendar{top:clamp(120px,18vh,260px)!important;right:24px!important;transform:none!important}
	.peoplehub-akademie-calendar:hover,.peoplehub-akademie-calendar:focus,.peoplehub-akademie-calendar:focus-within{width:min(94vw,1080px)!important;max-height:calc(100vh - 48px)!important;border-radius:30px!important}
	.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:focus .peoplehub-akademie-calendar__content,.peoplehub-akademie-calendar:focus-within .peoplehub-akademie-calendar__content{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;max-height:calc(100vh - 48px)!important;overflow:auto!important}
	.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__icon,.peoplehub-akademie-calendar:hover .peoplehub-akademie-calendar__teaser{opacity:0!important;transform:translateY(-10px)!important}
	.peoplehub-akademie-calendar__close{display:none!important}
}
@media (min-width:768px) and (max-width:1100px){body .peoplehub-akademie-calendar{top:clamp(120px,18vh,260px)!important;right:24px!important;transform:none!important}}
@media (max-width:767px){body .peoplehub-akademie-calendar:not(.is-expanded){top:50px!important;right:18px!important;transform:translateY(-50%)!important}body .peoplehub-akademie-calendar.is-expanded{top:92px!important;right:18px!important;transform:none!important}}
@media (max-width:767px){body .peoplehub-akademie-calendar.is-expanded{top:160px!important;right:12px!important;max-height:calc(100vh - 178px)!important}}
@media (max-width:767px){body .peoplehub-akademie-calendar.is-expanded{padding-top:42px!important}.peoplehub-akademie-calendar.is-expanded .peoplehub-akademie-calendar__content{max-height:calc(100vh - 220px)!important}}
@media (max-width:767px){body .peoplehub-akademie-calendar:not(.is-expanded){top:78px!important;right:18px!important;transform:none!important}}

/* Consulting-Formular im PeopleHub-Stil. */
.peoplehub-consulting-page .forminator-ui.forminator-custom-form{max-width:760px!important;margin:0 auto!important;padding:clamp(24px,4vw,48px)!important;border:1px solid #d6e4df!important;border-radius:24px!important;background:#EDF5F3!important;box-shadow:0 20px 50px rgba(11,58,52,.12)!important}
.peoplehub-consulting-page .forminator-label{margin-bottom:7px!important;color:#0B3A34!important;font-weight:700!important;font-size:14px!important}
.peoplehub-consulting-page .forminator-input,.peoplehub-consulting-page .forminator-textarea,.peoplehub-consulting-page .forminator-select{min-height:48px!important;border:1px solid #c9dad4!important;border-radius:12px!important;background:#fff!important;color:#173f39!important;box-shadow:none!important;padding:12px 14px!important}
.peoplehub-consulting-page .forminator-textarea{min-height:140px!important;resize:vertical!important}
.peoplehub-consulting-page .forminator-row{margin-bottom:14px!important}
.peoplehub-consulting-page .forminator-button-submit{min-height:48px!important;padding:12px 26px!important;border:0!important;border-radius:999px!important;background:#0B3A34!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 18px rgba(11,58,52,.18)!important}
.peoplehub-consulting-page .forminator-button-submit:hover{background:#145148!important;transform:translateY(-1px)!important}
@media(max-width:767px){.peoplehub-consulting-page .forminator-ui.forminator-custom-form{padding:22px 16px!important;border-radius:18px!important}.peoplehub-consulting-page .forminator-col{width:100%!important}.peoplehub-consulting-page .forminator-button-submit{width:100%!important}}
	#ph-mobile-contact-links a:hover,#ph-mobile-contact-links a:focus{background:#EDF5F3!important;color:#0B3A34!important;-webkit-text-fill-color:#0B3A34!important}
	.peoplehub-akademie-calendar:not(.is-expanded){top:44px!important;right:18px!important;transform:translateY(-50%)!important}
	#ph-quicklinks{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(14px)!important;transition:all .45s ease!important}
	body.ph-mobile-menu-open #ph-quicklinks{position:fixed!important;left:50%!important;bottom:112px!important;z-index:2147483645!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100vw - 48px)!important;max-width:520px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
	body.ph-mobile-menu-open #ph-navigation #ph-quicklinks{position:static!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:520px!important;margin:24px auto 0!important;transform:none!important;z-index:auto!important}
	body.ph-mobile-menu-open #ph-navigation #ph-quicklinks,
	#ph-header.ph-mobile-menu-open #ph-navigation #ph-quicklinks{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;text-align:center!important}
	body.ph-mobile-menu-open #ph-navigation #ph-quicklinks a,
	body.ph-mobile-menu-open #ph-navigation #ph-quicklinks span,
	#ph-header.ph-mobile-menu-open #ph-navigation #ph-quicklinks a{color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important}
	body.ph-mobile-menu-open #ph-navigation>ul,
	body.ph-mobile-menu-open #ph-navigation .elementor-nav-menu--main>ul{align-items:center!important;justify-content:center!important;text-align:center!important}
	body.ph-mobile-menu-open #ph-navigation li,
	body.ph-mobile-menu-open #ph-navigation li.menu-item,
	body.ph-mobile-menu-open #ph-navigation a{display:flex!important;width:100%!important;justify-content:center!important;align-items:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
@media (min-width:768px) and (max-width:1100px){
	.peoplehub-akademie-calendar:not(.is-expanded){padding:0!important}
	.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__icon{top:16px!important;left:12px!important}
	.peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser{top:14px!important;left:46px!important}
	html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
	.ph-calendar,.peoplehub-calendar,.ph-workshop-detail,.peoplehub-booking-mask{max-width:100%!important;box-sizing:border-box!important}
	.ph-calendar{padding:0 18px!important}
	.ph-calendar__list,.ph-calendar__detail{width:100%!important;max-width:100%!important}
	.ph-calendar__event{grid-template-columns:72px minmax(0,1fr) auto!important;gap:16px!important;padding:18px!important}
	.ph-calendar__event-title{font-size:clamp(17px,2.2vw,22px)!important;line-height:1.25!important;overflow-wrap:anywhere!important}
	.ph-calendar__actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
	.ph-calendar__actions a,.ph-calendar__actions button{white-space:nowrap!important}
	.ph-workshop-detail__body{grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;gap:24px!important;margin-left:24px!important;margin-right:24px!important}
	.ph-workshop-detail__hero{padding-left:44px!important;padding-right:44px!important}
	.peoplehub-booking-mask__information,.peoplehub-booking-mask__form{min-width:0!important;max-width:100%!important}
	.peoplehub-booking-mask__form{overflow-x:hidden!important}
}
.peoplehub-loading-overlay{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:#0B3A34;opacity:1;visibility:visible;transition:opacity .6s ease,visibility .6s ease}.peoplehub-loading-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.peoplehub-loading-overlay__inner{display:flex;flex-direction:column;align-items:center;gap:22px;color:#EDF5F3}.peoplehub-loading-overlay__inner .custom-logo-link{display:block;max-width:min(260px,60vw)}.peoplehub-loading-overlay__inner .custom-logo{display:block;width:100%;height:auto;max-height:90px;object-fit:contain}.peoplehub-loading-overlay__wordmark{font-size:clamp(28px,5vw,52px);font-weight:700;letter-spacing:-.04em}.peoplehub-loading-overlay__bar{display:block;width:86px;height:3px;border-radius:3px;background:#EDF5F3;transform-origin:left;animation:peoplehub-loading-progress 1.1s ease-in-out infinite}@keyframes peoplehub-loading-progress{0%{transform:scaleX(.15);opacity:.45}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.15);opacity:.45}}
.peoplehub-booking-confirmation-page .entry-title,.peoplehub-booking-confirmation-page .page-title,.peoplehub-booking-confirmation-page .elementor-page-title,.peoplehub-booking-confirmation-page h1.elementor-heading-title{display:none!important}.peoplehub-booking-confirmation-page main,.peoplehub-booking-confirmation-page .site-main,.peoplehub-booking-confirmation-page .elementor{margin-top:0!important;padding-top:0!important}
.peoplehub-booking-confirmation-page #ph-header,.peoplehub-booking-confirmation-page header#ph-header{top:0!important;margin-top:0!important;transform:none!important}
.peoplehub-booking-confirmation-page,.peoplehub-booking-confirmation-page body{margin:0!important;padding:0!important}.peoplehub-booking-confirmation-page #page,.peoplehub-booking-confirmation-page .site,.peoplehub-booking-confirmation-page .elementor,.peoplehub-booking-confirmation-page .elementor-location-header+*{margin-top:0!important;padding-top:0!important}
.peoplehub-booking-confirmation-page .elementor-widget-theme-post-title,.peoplehub-booking-confirmation-page .elementor-widget-page-title{display:none!important}.peoplehub-booking-confirmation-page .elementor-section-wrap>section:first-child,.peoplehub-booking-confirmation-page .elementor>.elementor-section:first-child{margin-top:0!important;padding-top:0!important}

/* Buchungsformular: auf Desktop vollständig sichtbar, Scrollbereich nur mobil. */
@media (min-width: 768px) {
	#ph-workshop-booking .peoplehub-booking-mask__form {
		overflow-y: visible !important;
		overflow-x: visible !important;
	}
	#ph-workshop-booking #forminator-module-1188,
	#ph-workshop-booking form#forminator-module-1188,
	#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
		max-height: none !important;
		overflow: visible !important;
	}
	#ph-workshop-booking .forminator-row { margin-bottom: 14px !important; }
	#ph-workshop-booking .forminator-label { margin-bottom: 7px !important; font-size: 13px !important; font-weight: 700 !important; color: var(--ph-color-primary) !important; }
	#ph-workshop-booking .forminator-input,
	#ph-workshop-booking .forminator-select,
	#ph-workshop-booking .forminator-textarea,
	#ph-workshop-booking .select2-selection { min-height: 46px !important; border-radius: 11px !important; }
	#ph-workshop-booking .forminator-button-submit { min-height: 48px !important; border-radius: 999px !important; font-weight: 700 !important; }
}

@media (max-width: 767px) {
	#ph-workshop-booking .peoplehub-booking-mask__form {
		max-height: calc(100vh - 132px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
	}
	#ph-workshop-booking #forminator-module-1188,
	#ph-workshop-booking form#forminator-module-1188,
	#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
		max-height: none !important;
		overflow: visible !important;
	}
}

/* Bestätigungsseite: ausgeblendete WordPress-Titel dürfen keine leere
 * Elementor-Sektion bzw. keinen zusätzlichen Abstand vor dem Inhalt hinterlassen. */
.peoplehub-booking-confirmation-page .entry-header,
.peoplehub-booking-confirmation-page .page-header,
.peoplehub-booking-confirmation-page .elementor-widget-theme-post-title,
.peoplehub-booking-confirmation-page .elementor-widget-page-title,
.peoplehub-booking-confirmation-page .elementor-page-title {
	display: none !important;
}
.peoplehub-booking-confirmation-page .elementor-element:has(> .elementor-widget-theme-post-title),
.peoplehub-booking-confirmation-page .elementor-element:has(> .elementor-widget-page-title),
.peoplehub-booking-confirmation-page .elementor-element:has(> .elementor-page-title) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.peoplehub-booking-confirmation-page main,
.peoplehub-booking-confirmation-page .site-main,
.peoplehub-booking-confirmation-page .entry-content,
.peoplehub-booking-confirmation-page .elementor-location-single,
.peoplehub-booking-confirmation-page .elementor-location-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Desktop: Headerlinks nicht global auf weiß zwingen; die Elementor-/Themefarbe
 * bleibt wieder erhalten. Das mobile Overlay setzt seine weiße Farbe separat. */
@media (min-width: 1025px) {
	.peoplehub-booking-confirmation-page #ph-header .elementor-nav-menu a,
	.peoplehub-booking-confirmation-page #ph-header .elementor-nav-menu--main a,
	.peoplehub-booking-confirmation-page #ph-navigation a {
		color: #0B3A34 !important;
		-webkit-text-fill-color: #0B3A34 !important;
	}
	.peoplehub-booking-confirmation-page #ph-header .elementor-nav-menu a:hover,
	.peoplehub-booking-confirmation-page #ph-header .elementor-nav-menu a:focus,
	.peoplehub-booking-confirmation-page #ph-navigation a:hover,
	.peoplehub-booking-confirmation-page #ph-navigation a:focus {
		color: #0B4F46 !important;
		-webkit-text-fill-color: #0B4F46 !important;
	}
}

/* Letzte Desktop-Regel: Container und Spalten tatsächlich verbreitern. */
@media (min-width: 1025px) {
	#ph-workshop-booking.peoplehub-booking-mask {
		grid-template-columns: minmax(0, 64%) minmax(0, 36%) !important;
	}
	#ph-workshop-booking.peoplehub-booking-mask::before {
		width: 90vw !important;
	}
	#ph-workshop-booking .peoplehub-booking-mask__form {
		width: auto !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		transform: scale(1) !important;
	}
	#ph-workshop-booking.peoplehub-booking-mask,
	#ph-workshop-booking .peoplehub-booking-mask__information,
	#ph-workshop-booking .peoplehub-booking-mask__form {
		min-width: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	html, body { overflow-x: hidden; }
	.ph-calendar { display:block; width:100%; max-width:100%; min-height:420px; overflow:visible; }
	.ph-calendar__layout { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr); gap:20px; align-items:start; }
	.ph-calendar__month, .ph-calendar__list { min-width:0; width:100%; }
	.ph-calendar__detail { min-height:220px; }
	.ph-calendar__monthbar { display:flex; align-items:center; justify-content:space-between; }
	.ph-calendar__event { grid-template-columns:72px minmax(0,1fr); gap:14px; align-items:start; }
	.ph-calendar__event-content { grid-column: 2; }
	.ph-calendar__actions { grid-column: 2; justify-content: flex-start; margin-top: 8px; }
	.ph-calendar__event-title { font-size: 15px; line-height: 1.3; }
	.ph-calendar__meta { flex-wrap: wrap; gap: 5px 12px; }
}

/* Finale Abmessungen der globalen Buchungsmaske. */
#ph-workshop-booking.peoplehub-booking-mask {
	grid-template-columns: repeat(2, minmax(0, 30vw)) !important;
	grid-template-rows: 72vh !important;
	align-content: center !important;
	padding: 0 !important;
}

#ph-workshop-booking.peoplehub-booking-mask::before {
	inset: auto !important;
	top: 50% !important;
	left: 50% !important;
	width: 60vw !important;
	height: 72vh !important;
	transform: translate(-50%, -50%) !important;
	background: #EDF5F3 !important;
}

#ph-workshop-booking .peoplehub-booking-mask__information {
	padding: clamp(70px, 10vh, 120px) clamp(26px, 3vw, 58px) 42px;
}

#ph-workshop-booking .peoplehub-booking-mask__form {
	margin: clamp(46px, 6vh, 78px) clamp(22px, 2.5vw, 48px);
	padding: clamp(24px, 2vw, 36px);
}

#ph-workshop-booking #forminator-module-1188,
#ph-workshop-booking form#forminator-module-1188,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
	max-height: calc(72vh - 190px) !important;
}

@media (max-width: 1024px) {
	#ph-workshop-booking.peoplehub-booking-mask {
		grid-template-columns: minmax(0, 92vw) !important;
		grid-template-rows: minmax(0, 80vh) !important;
	}

	#ph-workshop-booking.peoplehub-booking-mask::before {
		width: 92vw !important;
		height: 80vh !important;
	}

	#ph-workshop-booking .peoplehub-booking-mask__form {
		margin: 0 20px 20px;
	}
}

/* Globale Buchungsmaske: 72vw × 99vh, außerhalb bleibt das Overlay sichtbar. */
#ph-workshop-booking.peoplehub-booking-mask {
	grid-template-columns: repeat(2, minmax(0, 36vw)) !important;
	grid-template-rows: 99vh !important;
	align-content: center !important;
	padding: 0 !important;
}

#ph-workshop-booking.peoplehub-booking-mask::before {
	inset: auto !important;
	top: 50% !important;
	left: 50% !important;
	width: 72vw !important;
	height: 99vh !important;
	transform: translate(-50%, -50%) !important;
	background: #EDF5F3 !important;
}

#ph-workshop-booking .peoplehub-booking-mask__information {
	padding: clamp(70px, 10vh, 120px) clamp(26px, 3vw, 58px) 42px;
}

#ph-workshop-booking .peoplehub-booking-mask__form {
	margin: clamp(46px, 6vh, 78px) clamp(22px, 2.5vw, 48px);
	padding: clamp(24px, 2vw, 36px);
}

#ph-workshop-booking #forminator-module-1188,
#ph-workshop-booking form#forminator-module-1188,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
	max-height: calc(99vh - 190px) !important;
}

@media (max-width: 1024px) {
	#ph-workshop-booking.peoplehub-booking-mask {
		grid-template-columns: minmax(0, 92vw) !important;
		grid-template-rows: minmax(0, 80vh) !important;
	}

	#ph-workshop-booking.peoplehub-booking-mask::before {
		width: 92vw !important;
		height: 80vh !important;
	}

	#ph-workshop-booking .peoplehub-booking-mask__form {
		margin: 0 20px 20px;
	}
}

@media (max-width: 767px) {
	.ph-calendar__event {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.ph-calendar__actions {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	h1 { font-size: 36px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }
}

@media (min-width:768px) and (max-width:1100px){
	/* Tablet: Kalender und Veranstaltungsliste untereinander statt gequetscht nebeneinander. */
	.ph-calendar__layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
	.ph-calendar__month{width:100%!important;max-width:430px!important;margin:0 auto!important}
	.ph-calendar__list,.ph-calendar__detail{width:100%!important;max-width:none!important}
	.ph-calendar__event{grid-template-columns:82px minmax(0,1fr) auto!important;gap:18px!important;padding:20px!important}
	.ph-calendar__event-content{grid-column:auto!important;min-width:0!important}
	.ph-calendar__actions{grid-column:auto!important;align-self:center!important;margin-top:0!important;flex-wrap:wrap!important}
	.ph-calendar__event-title{font-size:clamp(18px,2.5vw,24px)!important;line-height:1.25!important}
}

/* Buchungsmaske als globales Overlay wie auf /home-2/. */
#ph-workshop-booking.peoplehub-booking-mask {
	position: fixed !important;
	inset: 0 !important;
	z-index: 1100 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 420px) minmax(380px, 600px) !important;
	gap: 0 !important;
	align-content: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	padding: clamp(18px, 4vw, 48px) !important;
	box-sizing: border-box !important;
	overflow-y: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	/* Neutraler anthrazitfarbener Overlay ohne Blau-/Grünstich. */
	background: rgba(38, 38, 38, .78) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: none !important;
	transition: opacity .25s ease, visibility .25s ease !important;
}

#ph-workshop-booking.peoplehub-booking-mask.is-visible,
#ph-workshop-booking.peoplehub-booking-mask.popup-active {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

html.peoplehub-booking-open,
html.peoplehub-booking-open body {
	overflow: hidden !important;
}

#ph-workshop-booking .peoplehub-booking-mask__information,
#ph-workshop-booking .peoplehub-booking-mask__form {
	min-width: 0;
	max-height: calc(100vh - 96px);
	padding: 32px;
	box-sizing: border-box;
	background: var(--ph-color-white);
	box-shadow: 0 22px 60px -35px rgba(0,0,0,.55);
}

#ph-workshop-booking .peoplehub-booking-mask__information {
	align-self: stretch;
	overflow-y: auto;
	border-radius: 24px 0 0 24px;
}

#ph-workshop-booking .peoplehub-booking-mask__form {
	align-self: stretch;
	border-left: 1px solid var(--ph-color-surface);
	border-radius: 0 24px 24px 0;
}

#ph-workshop-booking .peoplehub-booking-mask__close {
	position: fixed !important;
	top: 22px !important;
	right: 22px !important;
	z-index: 1101 !important;
	display: grid !important;
	place-items: center !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border: 1px solid rgba(255,255,255,.55) !important;
	border-radius: 50% !important;
	background: var(--ph-color-primary) !important;
	color: var(--ph-color-white) !important;
	cursor: pointer !important;
}

#ph-workshop-booking .peoplehub-booking-mask__close:hover,
#ph-workshop-booking .peoplehub-booking-mask__close:focus {
	background: var(--ph-color-secondary) !important;
}

#ph-workshop-booking .peoplehub-booking-mask__close svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2;
}

#ph-workshop-booking #forminator-module-1188,
#ph-workshop-booking form#forminator-module-1188,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
	position: static !important;
	top: auto !important;
	max-height: calc(100vh - 260px) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

@media (max-width: 800px) {
	#ph-workshop-booking.peoplehub-booking-mask {
		grid-template-columns: 1fr !important;
		align-content: start !important;
		padding: 72px 16px 24px !important;
	}

	#ph-workshop-booking .peoplehub-booking-mask__information,
	#ph-workshop-booking .peoplehub-booking-mask__form {
		max-height: none;
		padding: 22px 18px;
	}

	#ph-workshop-booking .peoplehub-booking-mask__information {
		border-radius: 20px 20px 0 0;
	}

	#ph-workshop-booking .peoplehub-booking-mask__form {
		border-top: 1px solid var(--ph-color-surface);
		border-left: 0;
		border-radius: 0 0 20px 20px;
	}

	#ph-workshop-booking #forminator-module-1188,
	#ph-workshop-booking form#forminator-module-1188,
	#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
		max-height: none !important;
	}
}

/* Nur Mobile: eingeklappten Workshop-Kalender inklusive Icon und Text auf 80 % verkleinern. */
@media (max-width: 767px) {
	body .peoplehub-akademie-calendar:not(.is-expanded),
	body .peoplehub-akademie-calendar:not(.is-expanded):hover,
	body .peoplehub-akademie-calendar:not(.is-expanded):focus,
	body .peoplehub-akademie-calendar:not(.is-expanded):focus-within {
		width: 136px !important;
		min-height: 51px !important;
		max-height: 51px !important;
		border-radius: 14px !important;
	}

	body .peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__icon {
		top: 13px !important;
		left: 10px !important;
		width: 20px !important;
		height: 20px !important;
	}

	body .peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser {
		top: 11px !important;
		left: 37px !important;
		gap: 2px !important;
	}

	body .peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser strong {
		font-size: 0 !important;
	}

	body .peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser small {
		font-size: 8.8px !important;
	}
}

@media (max-width: 767px) {
	body .peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser strong::after {
		content: "Workshop" !important;
		font-size: 11px !important;
	}
}

/* Nur Smartphone: Der geöffnete Fixed-Kalender fährt sichtbar unter den
 * Header nach unten. Die Tablet- und Desktop-Positionen bleiben unverändert. */
@media (max-width: 767px) {
	body .peoplehub-akademie-calendar.is-expanded {
		top: 220px !important;
		transform: none !important;
		max-height: calc(100dvh - 238px) !important;
	}

	body .peoplehub-akademie-calendar.is-expanded .peoplehub-akademie-calendar__content {
		max-height: calc(100dvh - 280px) !important;
		overflow-y: auto !important;
	}
}

/* Finale kompakte Ausgangsgröße des Fixed-Workshop-Kalenders auf allen Geräten. */
body .peoplehub-akademie-calendar:not(.is-expanded) {
	width: 136px !important;
	height: auto !important;
	min-height: 50px !important;
	max-height: 50px !important;
	padding: 0 !important;
	border-radius: 14px !important;
}

body .peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__icon {
	top: 13px !important;
	left: 14px !important;
	width: 23px !important;
	height: 23px !important;
}

body .peoplehub-akademie-calendar:not(.is-expanded) .peoplehub-akademie-calendar__teaser {
	top: 16px !important;
	left: 46px !important;
}

@media (min-width: 1101px) {
	body .peoplehub-akademie-calendar:not(.is-expanded):hover {
		width: min(94vw, 1080px) !important;
		max-height: calc(100vh - 48px) !important;
		border-radius: 30px !important;
	}

	body .peoplehub-akademie-calendar:not(.is-expanded):not(:hover) .peoplehub-akademie-calendar__content {
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transform: translateY(-16px) !important;
	}

	body .peoplehub-akademie-calendar:not(.is-expanded):not(:hover) .peoplehub-akademie-calendar__icon,
	body .peoplehub-akademie-calendar:not(.is-expanded):not(:hover) .peoplehub-akademie-calendar__teaser {
		opacity: 1 !important;
		transform: none !important;
	}
}

/* Desktop: Navigation, Workshop-Kalender und Quicklinks teilen dieselbe
 * rechte Fluchtlinie (24 px Abstand zum Viewport). */
@media (min-width: 1101px) {
	#ph-header > .e-con-inner,
	#ph-header > .elementor-container,
	#ph-header .elementor-container {
		width: 100% !important;
		max-width: none !important;
		padding-right: 24px !important;
		box-sizing: border-box !important;
	}

	#ph-header #ph-navigation {
		margin-left: auto !important;
		margin-right: 0 !important;
	}

	#ph-header #ph-navigation ul,
	#ph-header #ph-navigation .elementor-nav-menu {
		justify-content: flex-end !important;
		flex-wrap: nowrap !important;
	}

	body .peoplehub-akademie-calendar,
	#ph-quicklinks,
	#peoplehub-quicklinks,
	#quicklinks {
		right: 24px !important;
	}
}

/* Nur Smartphone: geöffneter Workshop-Kalender liegt vollständig unter dem
 * Header, damit die obere Kante und der Schließen-Button nicht abgeschnitten sind. */
@media (max-width: 767px) {
	body .peoplehub-akademie-calendar.is-expanded {
		/* Der große Kalender startet bei y:0 und wächst ausschließlich nach unten. */
		top: 0 !important;
		bottom: 0 !important;
		height: auto !important;
		max-height: none !important;
		transform: translateY(0) !important;
	}

	body .peoplehub-akademie-calendar.is-expanded .peoplehub-akademie-calendar__content {
		max-height: calc(100dvh - 58px) !important;
	}
}

/* Workshop-Quicklink: wie alle anderen Quicklinks ausschließlich als Icon. */
#ph-quicklinks a[href*="akademie"],
#peoplehub-quicklinks a[href*="akademie"],
#quicklinks a[href*="akademie"] {
	font-size: 0 !important;
}

#ph-quicklinks a[href*="akademie"]::after,
#peoplehub-quicklinks a[href*="akademie"]::after,
#quicklinks a[href*="akademie"]::after {
	content: none !important;
}

/* Muss nach den allgemeinen Overlay-Regeln stehen: Screenshot-Layout final durchsetzen. */
#ph-workshop-booking.peoplehub-booking-mask {
	isolation: isolate;
	/* Mehr Platz für Beschreibung und Formular; beide Spalten bleiben innerhalb des Viewports. */
	grid-template-columns: minmax(0, 32vw) minmax(0, 52vw) !important;
	grid-template-rows: 99vh !important;
	align-content: center !important;
	align-items: stretch !important;
	padding: 0 !important;
}

#ph-workshop-booking .peoplehub-booking-mask__information,
#ph-workshop-booking .peoplehub-booking-mask__form {
	position: relative;
	z-index: 1;
	max-height: none;
	box-shadow: none;
}

#ph-workshop-booking .peoplehub-booking-mask__information {
	align-self: stretch;
	padding: clamp(105px, 12vh, 140px) clamp(26px, 3vw, 58px) 42px;
	border-radius: 0;
	background: transparent;
}

#ph-workshop-booking .peoplehub-booking-mask__form {
	align-self: stretch;
	width: calc(100% - clamp(14px, 1.5vw, 28px));
	margin: clamp(100px, 11vh, 130px) 0 clamp(24px, 3vh, 42px) clamp(14px, 1.5vw, 28px);
	padding: clamp(24px, 2vw, 36px);
	min-width: 0;
	max-width: none;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	border: 0;
	border-radius: 36px;
	background: rgba(236, 247, 243, .72);
	transform: scale(.9);
	transform-origin: center top;
}

@media (min-width: 1025px) {
	#ph-workshop-booking .peoplehub-booking-mask__information,
	#ph-workshop-booking .peoplehub-booking-mask__form {
		min-width: 0 !important;
		max-width: 100% !important;
		overflow-wrap: anywhere;
	}
	#ph-workshop-booking .peoplehub-booking-mask__form {
		width: calc(100% - clamp(14px, 1.5vw, 28px)) !important;
		overflow-x: visible !important;
	}
	#ph-workshop-booking .peoplehub-booking-mask__form > *,
	#ph-workshop-booking .peoplehub-booking-mask__form form,
	#ph-workshop-booking .peoplehub-booking-mask__form .forminator-row,
	#ph-workshop-booking .peoplehub-booking-mask__form .forminator-col {
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

#ph-workshop-booking .peoplehub-booking-mask__close {
	top: 24px !important;
	left: 50% !important;
	right: auto !important;
	z-index: 1200 !important;
	width: 58px !important;
	height: 58px !important;
	transform: translateX(-50%) !important;
}

#ph-workshop-booking #forminator-module-1188,
#ph-workshop-booking form#forminator-module-1188,
#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
	max-height: none !important;
	overflow: visible !important;
}

@media (max-width: 1024px) {
	#ph-workshop-booking.peoplehub-booking-mask {
		grid-template-columns: minmax(0, 92vw) !important;
		grid-template-rows: minmax(0, 80vh) !important;
		align-content: center !important;
		padding: 0 !important;
	}

	#ph-workshop-booking .peoplehub-booking-mask__information {
		padding: 28px 24px 18px;
	}

	#ph-workshop-booking .peoplehub-booking-mask__form {
		margin: 0 20px 20px;
		padding: 24px 20px;
		transform: none;
	}

	#ph-workshop-booking .peoplehub-booking-mask__close {
		top: 26px !important;
	}

	#ph-workshop-booking #forminator-module-1188,
	#ph-workshop-booking form#forminator-module-1188,
	#ph-workshop-booking .forminator-custom-form[data-form-id="1188"] {
		max-height: none !important;
	}
}