:root {

	--lh-reset: 		1.2;
	--lh-small: 		1.4;
	--lh-regular: 		1.5;

	--fs-small:			0.875rem; /* 14px */
	--fs-regular: 		1.000rem; /* 16px */

	--text: 			hsl(0, 0%, 10%);
	--primary: 			hsl(212, 72%, 38%);
	--primary-dark:		hsl(212, 72%, 30%);

	--link: 			var(--primary);
	--hover: 			var(--primary-dark);

	--meta: 			hsl(0, 0%, 40%);
	
	--grey-100: 		hsl(0, 0%, 95%);
	
	--secondary: 		hsl(89, 70%, 29%);
	--secondary-dark: 	hsl(89, 70%, 19%);

    --gap-xsmall:     	0.25rem;
    --gap-small:      	0.50rem;
	--gap-regular:		clamp(1.25rem, 2vw, 1.5rem);
    --gap-large:      	clamp(1.5rem, 4vw, 3rem);
    --gap-xlarge:     	clamp(3rem, 5vw, 4rem);	
}

:focus-visible {
	outline: 0.125rem dotted var(--text);
}

p {
	margin-block: 0 var(--gap-regular);
}

h1,
h1.tm-intro-title {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	word-wrap: keep-all;
	font-size: clamp(1.5rem, 4vw, 2.25rem)
}

h3.tm-event-title {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	margin-top: -0.25em !important;
	font-size: clamp(1.3rem, 4vw, 1.75rem);
	padding-right: 4em;
	line-height: var(--lh-reset);

	&:where(:focus, :hover) {
		text-decoration: underline;
	}
}

.uk-h2 {
	color: var(--primary);
	font-size: clamp(1.4rem, 4vw, 2rem)
}

.uk-text-uppercase {
	text-transform: none !important;
}

.tm-event-location {
	& p {
		margin: 0;
		font-weight: bold;
	}
}

.tm-event-time {
	font-weight: bold;
}

.tm-event-icon-location,
.tm-event-icon-time {
	color: var(--secondary);
}

.tm-contact-icon-location,
.tm-contact-icon-contact, 
.tm-contact-icon-opening,
.tm-download-icon-info,
.tm-download-icon-download {
	color: var(--secondary);
}

.tm-event-entry .tm-event-entry-body {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.tm-event-entry .tm-event-categories-container .tm-event-categories {
	-webkit-transform: none;
	transform: none;
	top: -2em
}

.tm-event-entry.uk-card-hover:hover {
	border-color: var(--secondary);
}

.tm-event-date {
	color: var(--secondary);
	border-color: var(--secondary);
}

.tm-event-info-card-header {
	color: var(--secondary);
}

.uk-text-meta {
	display: inline-block;
	line-height: 1.3;
	text-transform: inherit;
	color: var(--meta);
	font-size: var(--fs-small);
	line-height: var(--lh-regular);
}

.uk-light,
.uk-light .uk-text-meta,
.tm-section-skew:not(.uk-preserve-color) .uk-text-meta {
	color: white;
}

.uk-card .uk-card-media-top {
	padding: var(--gap-regular);
}

.uk-card .uk-width-expand {
	line-height: var(--lh-small) !important;
}

.video {
	position: relative;
	max-width: 100%;
	margin: auto
}

.video:before {
	content: "";
	display: block;
	padding-top: 56%
}

.video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.uk-margin-small-right {
	margin-right: var(--gap-small) !important
}

.engagementboerse .uk-width-4-5\@m {
	width: 100% !important;
	-webkit-margin-before: -70px !important;
	margin-block-start: -70px !important
}

.engagementboerse .uk-h2,
.engagementboerse .uk-text-meta {
	display: none !important
}

#engagement-plattform-app .svelte-zb62jx * {
	font-family: "Maven Pro", Roboto, sans-serif !important
}

#engagement-plattform-app .am-coop-banner.svelte-1bfopjv.svelte-1bfopjv {
	background-color: rgba(0, 0, 0, 0) !important
}

#engagement-plattform-app .am-coop-banner.svelte-1bfopjv.svelte-1bfopjv {
	margin: 0 !important;
	padding: 0 !important
}

#engagement-plattform-app .svelte-1kfbmfd {
	background-image: none !important
}

.em-booking-form.hidden {
	display: none !important
}

.em-booking-message.em-booking-message-success {
	margin-bottom: 0 !important
}

.em-booking-form-details textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	padding: .5em;
	height: 6em
}


/* 
	Hide Restore Field: Organisation 
	16.03.2024 @bs
*/

.input-field-organisation {
	display: none !important;
	visibility: hidden !important;
}


/*
	a11y Update
	25.05.2024 @bs
*/

/*	Links */

html, body {
	font-size: 18px;
}

a {
	&::before,
	&::after {
		display: none;
	}
}


#BorlabsCookieBox {
	& .cookie-preference ._brlbs-accept {
		display: flex;
		gap: var(--gap-xsmall);
		margin-block: var(--gap-xsmall) var(--gap-small);
	}

	& ._brlbs-h3 {
		margin: 0;
		padding: 0;

		&::before {
			display: none;
		}
	}
	
	& ._brlbs-btn {
		margin: 0 !important;
		padding: 0 !important; 
		text-align: center !important;
	}
}

h5 {
	color: var(--secondary);
	font: inherit;
}

.uk-text-secondary {
	color: var(--text) !important;
}

a:not([class]),
a[class*="uk-link"],
a[class*="tm-link"],
.external-link-new-window,
.tm-navbar-icon-nav > li > a, 
.tm-navbar-icon-nav .tm-navbar-icon-item,
.tm-navbar-icon-nav-mobile > li > a, 
.tm-navbar-icon-nav-mobile .tm-navbar-icon-item {
	color: var(--link) !important;
	text-transform: inherit;
	font-size: inherit;
	font-family: inherit;

	&:where(:focus, :hover) {
		text-underline-offset: 0.125rem;
		text-decoration: underline;
	}

	& .uk-icon:not(.uk-margin-small-right) {
		display: none;
	}
}

.tm-navbar-icon-nav-mobile {
	margin-block-start: 1rem;
	padding-block-start: 1rem;
	border-block-start: 1px solid #717EA3;

	& li {
		margin: 0 !important;
	}
}

.main a:not([class]),
.main a.external-link-new-window,
.main a.uk-link-muted {
	text-underline-offset: 0.125rem;
	text-decoration: underline;

	&:where(:focus, :hover) {
		text-decoration: none;
	}
}

.main .tm-link-primary {
	text-decoration: underline !important;
	text-underline-offset: 0.125rem;

	&:where(:focus, :hover), * {
		text-decoration: none !important;
	}	
}

.main a[class*="small"] {
	font-size: var(--fs-small);
}


/*	Button (button styled anchors) */

.uk-button {
	color: var(--link);
	text-transform: inherit;
	font-size: var(--fs-regular);
	text-decoration: underline;
	text-underline-offset: 0.125rem;

	&:where(:focus, :hover) {
		text-decoration: none;
		color: var(--hover);
	}

	&.wpcf7-submit,
	&.em-booking-submit {
		text-decoration: none;

		&:where(:focus, :hover) {
			color: white !important;
		}
	}

	&.uk-button-text {
		&:where(:focus, :hover) {
			color: var(--primary-dark);
		}
	}

	&.tm-button-arrow {
		padding-right: 30px;
		text-decoration: none;
	}

	&.uk-button-primary {
		color: white;
		background-color: var(--secondary);

		&:where(:focus, :hover) {
			background-color: var(--primary-dark);
		}
	}

	&::before,
	&::after {
		display: none;
	}
}


/*	Navigation */

.uk-pagination {
	color: white;
	gap: var(--gap-small);
}

.uk-pagination > * > * {
	padding: 0.5rem 1rem;
	color: white !important;
	background-color: var(--secondary);
	text-decoration: none !important;

	&:where(:focus, :hover) {
		background-color: var(--secondary-dark);
	}
}

#project-details {
	& .uk-pagination {
		margin-block: var(--gap-large) 0;
	}
}

.uk-pagination > .uk-active > * {
	color: inherit;
	background-color: var(--secondary-dark);
}

.uk-pagination > * > :hover {
	color: var(--hover);
	text-decoration: underline;
	text-underline-offset: 0.125rem;
}

.uk-sticky.uk-sticky-fixed {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-navbar-right {
	padding-block: var(--gap-small);

	& .uk-navbar-toggle-icon {
		margin-inline-end: 1rem;
	}
}

.uk-close,
.uk-navbar-toggle { 
	color: var(--link);
}

.uk-offcanvas-close {
	top: 1.5rem;
	right: 1.5rem;
	padding: 0;
}

.tm-navigation .uk-navbar-nav > li > a {
	font-size: var(--fs-regular);
}

.tm-navigation .uk-navbar-dropdown-nav > li > a {
	font-size: var(--fs-regular);
	line-height: var(--lh-small);
	text-decoration: none;
	text-underline-offset: 0.125rem;

	&:where(:focus, :hover) {
		text-decoration: underline;
	}
}

.tm-project-nav-container.uk-sticky-fixed {
	padding-block: 2rem 0.75rem;
	background-color: var(--grey-100);
}

.tm-project-nav-container .uk-navbar-nav li > a {
	font-size: var(--fs-small);
	font-family: inherit;
	font-weight: normal;
}

.tm-navbar-icon-nav {
	margin-block-end: var(--gap-xsmall);
}

.tm-navbar-icon-nav > li > a, 
.tm-navbar-icon-nav .tm-navbar-icon-item {
	font-size: var(--fs-small);
	color: var(--secondary) !important;	
	
	&:where(:focus, :hover) {
		text-underline-offset: 0.125rem;
		text-decoration: underline;
	}
}

.tm-project-nav-container .uk-navbar-nav li > a {
	text-transform: inherit;
}

.uk-subnav > * > :first-child {
	font-size: var(--fs-small);
	color: var(--text);
}

.tm-navigation .uk-navbar-nav > * > .uk-navbar-dropdown {
	padding-inline: 3rem;
}

.uk-navbar-nav > li.uk-active > a {
	font-weight: bold;
}


/*	Layout */

:has(.engagementboerse) .uk-padding-remove-bottom {
	padding-block-end: var(--gap-large) !important;
}

.main {
	padding-block-end: var(--gap-large);
}

.uk-section-muted,
.uk-background-muted {
	background-color: white;
}


.tm-intro-overlay {
	display: none;

	@media (width > 960px) { 
		display: block;
	}
}

.tm-intro-layer-3 .tm-intro-width-inner-right {
	@media (width < 960px) {
		width: 100%
	}
}

.tm-block-intro-slider .tm-intro-slider-nav-mobile {
	left: 50%;
}

.tm-intro-text {
	margin-block: var(--gap-regular) 0;

	& p {
		margin-block: var(--gap-regular) 0;
	}
}

.tm-intro-text-container {
	max-width: 100%;
	margin-top: -2rem;
	font-family: inherit !important;
	
	@media (width >  960px) {
		max-width: 640px;
	}
}

.tm-intro-container,
.tm-intro-container .tm-intro-layer {
	height: 400px;
	
	@media (width >  960px) {
		height: 650px;
	}
}

.tm-intro-small {

	&.tm-intro-container {
		height: auto;
	}

	& .tm-intro-text-container {
		margin: 0;
	}
}

.tm-intro-slider-preview {
	margin-bottom: 4rem !important;
}

.uk-breadcrumb,
.uk-breadcrumb > * > *  {
	font-size: var(--fs-small);
}

.uk-breadcrumb > :last-child > span, 
.uk-breadcrumb > :last-child > a:not([href]) {
	color: var(--meta);
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
	margin-inline: var(--gap-small);
}

@media (min-width: 960px) {
	.uk-section {
		padding-block: var(--gap-large);

		+ .uk-section {
			padding-block: var(--gap-regular);
		}
	}	

	.uk-width-4-5\@m {
		width: 100%;
	}
}

.uk-grid-divider {
	display: none;
}

.uk-section-secondary {
	background-color: var(--primary);
}

.tm-subfooter {
	font-size: var(--fs-small);
	color: white !important;
	padding-block: var(--gap-regular);
	background-color: var(--primary-dark);
}

.tm-footer .widget_nav_menu .uk-list a {
	color: white !important;
	line-height: var(--lh-small);

	&:where(:focus, :hover) {
		text-decoration: underline !important;
		text-underline-offset: 0.125rem !important;
	}
}


/*	Form */

.uk-input, 
input[type=text],
input[type=search],
.uk-select,
select {
	font-size: var(--fs-small);
	color: var(--text) !important;
	background-color: white;
}

::-webkit-input-placeholder { color: var(--meta) !important; font-size: var(--fs-small);} 
::-moz-placeholder { color: var(--meta) !important; font-size: var(--fs-small);} 
:-ms-input-placeholder { color: var(--meta) !important; font-size: var(--fs-small);} 
:-moz-placeholder { color: var(--meta) !important; font-size: var(--fs-small);}

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsergrey-600