/************************************************************************
 * Blocks
 ***********************************************************************/

.block.highlights > .block-inner > .block-content > .field--name-field-paragraphs > .field__items > .field__item:nth-child(2n) .group-wrapper {
	flex-direction: row-reverse;
}

/************************************************************************
 * Sticky elements
 ***********************************************************************/

.sticky-wrapper {
	box-shadow: 0;
	transition: all .2s ease-in-out;

	background-color: var(--color-transparent-white);
	backdrop-filter: blur(0.5em);

	position: relative;
	z-index: 100;
}

.sticky-wrapper.stuck {
	position: fixed;

	top: 0;
	left: 0;
	right: 0;
	bottom: auto;

	box-shadow: var(--shadow);
}

/************************************************************************
 * Content
 ***********************************************************************/

.region-header > nav .responsivemenu-wrapper > ul.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.region-header > nav .responsivemenu-wrapper > ul.menu ul.menu {
	min-width: 100%;
	box-shadow: var(--shadow);
	background-color: white;
}

.region-header > nav .responsivemenu-wrapper > ul.menu > li > a,
.region-header > nav .responsivemenu-wrapper > ul.menu > li > span {
	padding: 2em 1em;
	transition: all .2s ease-in-out;
}

.region-header > nav .responsivemenu-wrapper > ul.menu li:hover > a,
.region-header > nav .responsivemenu-wrapper > ul.menu li:hover > span {
	background-color: var(--color-transparent-light-grey);
}