/*
Theme Name: VMT Core
Theme URI: https://design.global.vmt/themes/vmtcore
Author: Bensch Lüdiger, Designer & Consulatant, M.A.
Author URI: https://benschluediger.com
Description: 
Requires at least: 6.0
Tested up to: 6.5.2
Requires PHP: 5.7
Version: 1.3.4_2024-10-17_OK
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vmtcore
Tags: full-site-editing
*/


/* 1. BASICS
- - - - - - - - - - - - - - - - - - - - */
/* dimension (1rem = 25px) */
:root, html {
	font-size: 25px;
}
/* smooth scrolling */
html {
	scroll-behavior: smooth;
}
/* no spacing between body elements */
body:not(.wp-admin) header, 
body:not(.wp-admin) main, 
body:not(.wp-admin) footer {
	margin-block-start: 0; 
	margin-block-end: 0;
}
main {
	min-height: calc(100vh - 3rem);
}
body.home main,
body:has(main .entry-content .section-jobsite-title) {
	top: 0;
	margin-bottom: 0;
}
body:not(.home) main {
	top: 3rem;
	margin-bottom: 3rem;
}
/* prevent focus-outline fo form elements */
body:not(.wp-admin) :focus,
body:not(.wp-admin) :focus-visible,
body:not(.wp-admin) :focus:focus-visible {
    outline: none;
}
/* hide inactive languages */
body:lang(en-US) :not(.has-lang-all) :lang(de), 
body:lang(en-US) :not(.has-lang-all) :lang(zh),
body:lang(en-US) :not(.has-lang-all) li:has(a[title="de"]),
body:lang(en-US) :not(.has-lang-all) li:has(a[title="zh"]) {
	display: none;
}
body:lang(de-DE) :not(.has-lang-all) :lang(en), 
body:lang(de-DE) :not(.has-lang-all) :lang(zh),
body:lang(de-DE) :not(.has-lang-all) li:has(a[title="en"]),
body:lang(de-DE) :not(.has-lang-all) li:has(a[title="zh"]) {
	display: none;
}
body:lang(zh-Hans) :not(.has-lang-all) :lang(en), 
body:lang(zh-Hans) :not(.has-lang-all) :lang(de),
body:lang(zh-Hans) :not(.has-lang-all) li:has(a[title="en"]),
body:lang(zh-Hans) :not(.has-lang-all) li:has(a[title="de"]) {
	display: none;
}

/* 2. TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - */
/* font-styles */
body:not(.wp-admin) strong {
	font-weight: 500;
}
/* line-heights */ 
.has-x-small-font-size {line-height: 1;}
.has-small-font-size {line-height: 1.25;}
.has-regular-font-size {line-height: 1.5;}
.has-medium-font-size {line-height: 1.333;}
.has-large-font-size {line-height: 1.25; letter-spacing: 0;}
.has-x-large-font-size {line-height: 1.15; letter-spacing: 0;}
.has-xx-large-font-size {line-height: 1.05; letter-spacing: -.01em;}
.has-xxx-large-font-size {line-height: 1; letter-spacing: -.02em;}
/* links */
body:not(.wp-admin) a {	
	text-decoration: none;
}
body:not(.wp-admin) main a:hover {
	text-decoration: none;
}
body:not(.wp-admin) header .nav-sites li a:hover,
body:not(.wp-admin) footer .nav-sites li a:hover {
	text-decoration: underline;
	text-underline-position: under;
	text-underline-offset: .25em;	
	text-decoration-thickness: 2px; 
}
body:not(.wp-admin) sup {
	font-size: 50%;
    font-weight: bolder;
	margin-left: .1em;
	letter-spacing: .015em;
}
/* additional font classes */
.has-underline-font, 
.has-underline-font a {
	text-decoration: underline; 
	text-underline-position: under; 
	text-underline-offset: .25em; 
	text-decoration-thickness: 2px;
}
.has-uppercase-font {
	font-size: var(--wp--preset--font-size--x-small); 
	font-weight: 500; text-transform: uppercase; 
	letter-spacing: 0.025em;
}
.has-icon-font {
	font-family: var(--wp--preset--font-family--material-symbols-outlined); 
	text-rendering: geometricPrecision;
	font-weight: 200;
	line-height: 0;
}
.no_link {
	pointer-events: none;
}

/* 3. ELEMENTS
- - - - - - - - - - - - - - - - - - - - */

/* 3.1 HTML ELEMENTS */
/* headings */
body:not(.wp-admin) main .wp-block-heading {
	word-spacing: break-spaces;
	word-break: break-word;
	hyphens: auto;
}
/* mark */
body:not(.wp-admin) mark.has-icon-font,
.has-icon-font mark {
	background-color:unset;
}
/* details */
details {
	min-height: 2rem;
}
details summary {
    font-size: var(--wp--preset--font-size--regular);
    font-weight: 300;
    line-height: 1;
    list-style-type: none;
}
details summary::marker,
details summary::-webkit-details-marker {
    display:none;
}
details summary::before,
details summary::after {
    font-family: var(--wp--preset--font-family--material-symbols-outlined); text-rendering: geometricPrecision; font-weight: 200; line-height: 1; 
    font-size: var(--wp--preset--font-size--large);
    display: inline-block;
    position: relative;
    transform: rotate(0);
	text-rendering: geometricPrecision;
}
/* unorderd list */
body:not(.wp-admin) main ul:not(.wp-block-post-template) {
	padding-inline-start: 1.5rem;
}
body:not(.wp-admin) main ul:not(.wp-block-post-template) li {
    list-style: none;
}
body:not(.wp-admin) main ul:not(.wp-block-post-template) li::before {
	position: relative;
	display: inline-block;	
	width: .7em;
	margin-left: -.7em;	
	top: .01rem;
}
body:not(.wp-admin) main ul:not(.wp-block-post-template).has-small-font-size li::before,
body:not(.wp-admin) main ul:not(.wp-block-post-template) li.has-small-font-size::before {
	content:url('assets/svg/vmt_icon_list_s.svg');
	left: -1rem;	
}
body:not(.wp-admin) main ul:not(.wp-block-post-template) li::before,
body:not(.wp-admin) main ul:not(.wp-block-post-template).has-medium-font-size li::before,
body:not(.wp-admin) main ul:not(.wp-block-post-template) li.has-medium-font-size::before {
    content:url('assets/svg/vmt_icon_list_m.svg');
	left: -.9rem;
}
body:not(.wp-admin) main ul:not(.wp-block-post-template).has-large-font-size li::before,
body:not(.wp-admin) main ul:not(.wp-block-post-template) li.has-large-font-size::before {
	content:url('assets/svg/vmt_icon_list_m.svg');
	left: -.6rem;	
}
/* figure */
body:not(.wp-admin) figure:has(a):hover img {
	filter: brightness(.5);
}
/* form: input */
body:not(.wp-admin) input {
	background-color: rgba(255,255,255,0);
}
body:not(.wp-admin) input[type="radio"],
body:not(.wp-admin) input[type="checkbox"] {
	/* apperance: none */
}
/* form: dropdown */
body:not(.wp-admin) select {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;	
	text-transform: unset !important;
	font-size: var(--wp--preset--font-size--small); 
	font-weight: 500; text-transform: uppercase; 
	letter-spacing: 0.025em;
	background-color: initial;
	border: none;
	position: relative;
	z-index: 2;
	background-image: url("https://vmt.global/tunnelling/wp-content/uploads/sites/2/2024/06/vmt_icon_dropdown.svg");
	background-image: url("https://dev2024.vmt-gmbh.de/tunnelling/wp-content/uploads/sites/2/2024/06/vmt_icon_dropdown.svg");
	background-size: 1rem auto;
	background-position: calc(100% - .5rem) 50%;
	background-repeat: no-repeat;
}
body:not(.wp-admin) main select {
	padding: .5rem 1.75rem .5rem .75rem !important;
}
body:not(.wp-admin) select::-ms-expand {
    display: none;
}
body:not(.wp-admin) select:hover {
	cursor: pointer;
	/*border-right: solid .75rem var(--wp--preset--color--grey-light);*/
}
body:not(.wp-admin) optgroup option[disabled] {
	display: none;
}


/* 3.2 BLOCKS */
/* button */
.wp-block-button,
.wp-block-button a {
	height: 2rem;
	line-height: 1.75;
}
/* custom button: icon */
.wp-block-button .has-icon-font {
    font-size: var(--wp--preset--font-size--regular);
    font-weight: 300;
    line-height: 0;
    position: relative;
    top: 0.25em;
	display: inline-block;
}
.wp-block-button .has-icon-font.margin-left { 
    margin-right: -.25rem;
    margin-left: .25rem;
}
.wp-block-button .has-icon-font.margin-right { 
    margin-right: .25rem;
    margin-left: -.25rem;
}
/* grouplink */
.wp-block-grouplink {
	z-index: 2 !important;
}
.wp-block-grouplink:hover ~ .is-hover-visible,
.wp-block-grouplink:hover ~ .wp-block-group .is-hover-visible {
	opacity: 1;
}
/* search */
.wp-block-search .wp-block-search__button {
    background: unset;
    padding: 0;
}
.wp-block-search .wp-block-search__button:hover {
    background: unset;
}
.wp-block-search .wp-block-search__input {
	height: 1.333rem;
	padding: 0;
	margin-right: .5rem;
	border: 0;
	border-bottom: 2px solid;
	border-color: var(--wp--preset--color--yellow);	
}
/* seperator */
.wp-block-separator {
    border: .75px solid;
}
.wp-block-separator + .wp-block-separator {
	border: 0;
}
/* site logo */
.wp-block-site-logo img {
		min-width: 75px !important;
		max-width: 80px !important;
}
/* spacer */
.wp-block-spacer {
}
/* site title */
.wp-block-site-title {
}
/* queries */
.wp-block-query ul li:before {
	display: none;
}
/* cover */
.wp-block-cover.has-parallax .has-parallax {
	background-attachment: fixed;
}
.wp-block-cover.has-parallax :not(.has-parallax) {
	transform: translateZ(0);
}
/* video */
.wp-block-video video { 
    border-radius: 4px;
}
/* quote */
.wp-block-quote {
	margin-left: 0;
	margin-right: 0;
}	
/** 
.wp-block-quote > .has-large-font-size:first-childm
.wp-block-quote > .has-medium-font-size:first-child {
	text-indent: -.6em;
}
.wp-block-query-is-layout-constrained .wp-block-quote > .has-medium-font-size:first-child {
	text-indent: -.333em;
}
.wp-block-quote > .has-regular-font-size:first-child {
	text-indent: -.25rem;
}
**/
.wp-block-quote cite {
	line-height: 1.25;
}
.wp-block-quote details {
	font-style: normal;
}
/* iframe */
iframe {
	border: none;
}

/* 3.3 ADDITIONAL ELEMENTS */
/* logo */
.is-logo {
	width: 85px;
	height: 1.75rem;		
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 85px;
}
/* sticky */
.is-position-sticky {
	position: sticky !important;
	position: -webkit-sticky !important;
	z-index: 0;
	top: 0;
}
.is-position-sticky + div {
	position: relative !important;
	z-index: 10;
}
/* hover invisible */
.is-hover-visible {
	opacity: 0;
}
/* backdrop filter */
.has-filter-backdrop-blur {
	backdrop-filter: blur(3px);
}
/* breadcrumb */
.module-breadcrumbs ul {
	gap: .5rem;
}
.module-breadcrumbs li {
	font-size: var(--wp--preset--font-size--small);
}
.module-breadcrumbs li:first-child {
	font-size: var(--wp--preset--font-size--x-small);
	text-transform: uppercase;
	letter-spacing: .025em;
	font-weight: 500;
}
.module-breadcrumbs a,
.module-breadcrumbs a:hover {
	text-decoration: none;
}
.module-breadcrumbs li {
	line-height: 2.666;
}
.module-breadcrumbs li:first-child::before,
.module-breadcrumbs li:first-child a::before,
.module-breadcrumbs li:not(:last-child)::after {
	font-family: var(--wp--preset--font-family--material-symbols-outlined); 
    font-size: var(--wp--preset--font-size--small);
    line-height: 1; 
	text-rendering: geometricPrecision;
	font-weight: 200;
	position: relative;
	top: .2em;	
	margin-right: .1rem;
}
.module-breadcrumbs li:first-child:has(:not(a))::before,
.module-breadcrumbs li:first-child:has(a) a::before {
	font-size: var(--wp--preset--font-size--medium);	
	content: 'home';
	padding-right: .125rem;
}
.module-breadcrumbs li:not(:last-child)::after {
	content: 'arrow_forward_ios';
}
/* custom links */
.link-up::after,
.link-down::before,
.link-back::before,
.link-forward::after,
.link-external::after {
    font-family: var(--wp--preset--font-family--material-symbols-outlined); 
	text-rendering: geometricPrecision;
	font-weight: 200; 
    line-height: 0; 
    position: relative;
	top: .175rem;
}
.link-up::after {
    content: 'north';
}
.link-down::before {
    content: 'south';
	right: .25rem;
}
.link-back::before {
    content: 'arrow_back_ios';
}
.link-forward::after {
    content: 'arrow_forward_ios';
	left: .25rem;
}
.link-external::after {
    content: 'north_east';
	left: .25rem;
}
.link-up.has-x-small-font-size::after,
.link-down.has-x-small-font-size::before,
.link-back.has-x-small-font-size::before,
.link-forward.has-x-small-font-size::after,
.link-external.has-x-small-font-size::after {
	font-weight: 300;
	font-size: var(--wp--preset--font-size--regular);   
    top: .275rem;
}
.link-up.has-small-font-size::after,
.link-down.has-small-font-size::before,
.link-back.has-small-font-size::before,
.link-forward.has-small-font-size::after,
.link-external.has-small-font-size::after {
	font-weight: 400;
	font-size: .75rem;   
	top: .125rem;
}
.link-back.has-medium-font-size::before,
.link-forward.has-medium-font-size::after,
.link-external.has-medium-font-size::after {
	font-weight: 300;
	font-size: 1rem;   
    top: .175rem;
}
.link-back.has-large-font-size::before,
.link-forward.has-large-font-size::after,
.link-external.has-large-font-size::after {
	font-weight: 200;
	font-size: 1.25rem;   
    top: .185rem;
}
.has-uppercase-font::before,
.has-uppercase-font::after {
	top: .175rem !important;
	font-weight: 300;
	font-size: var(--wp--preset--font-size--regular) !important;   
}
/* polylang language switch */
.pll-switcher {
	position: relative;
	bottom: 3px;
	height: 35.25px !important;
	border-bottom: 2px solid transparent;
}
.pll-switcher select {
	font-family: var(--wp--preset--font-family--corporate-s);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: .025em;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	padding-bottom: .333em;
	border-bottom: 2px solid !important;
	border-radius: 0;
	background: none !important;
	counter-reset: option-counter;
}
@supports (-ms-ime-align:auto) { 
	body:not(.wp-admin) select {
		-webkit-appearance: auto !important;
		appearance: auto !important;
	}
	.pll-switcher::after {
		display: none;
	}
}
.pll-switcher select option {
	counter-increment: option-counter;
}
.pll-switcher select::after {
	content: counter(option-counter) 'options';
	display: block;
}
.pll-switcher select:empty::after,
.pll-switcher select:has(option:nth-child(1):nth-last-child(1))::after {
	display: none;
}
.pll-switcher:hover select {
	border: none !important;
}
.pll-switcher::after {
	display: inline-block;
	font-family: var(--wp--preset--font-family--material-symbols-outlined); 
	font-size: var(--wp--preset--font-size--regular);
	text-rendering: geometricPrecision;
	font-weight: 200;
	line-height: 0;
	content: 'unfold_more';
	position: relative;
	top: .25em;
	right: .15em;
	margin-right: -.3em;
}
/* everything slider */
body:not(.wp-admin) *:has(.everything-slider) {
	overflow-x: hidden;
}
.everything-slider .slick-slide:not(.slick-current) {
	opacity: .15;
}
.everything-slider .slick-slide:not(.slick-current):hover {
	opacity: .5;
}
.everything-slider:has(.everything-slider__arrow.is-prev:hover) .slick-current - .slick-slide,
.everything-slider:has(.everything-slider__arrow.is-next:hover) .slick-current + .slick-slide {
	opacity: 1;
}
.everything-slider .slick-list {
	margin-bottom: 1rem;
}
.everything-slider .slick-dots {
	bottom: unset;
}

/* query loop: filterbar */
.block-queryloop-filterbar {
	align-items: unset !important;
	width: 100% !important;
	gap: .75rem !important;
	display: inline-flex;
	flex-wrap: wrap;
}
.block-queryloop-filterbar__inner {
/*	width: 100% !important;*/
	gap: .75rem;
	display: flex;
	flex-wrap: wrap;
}
.block-queryloop-filterbar select.js-ql-fb-select,
.block-queryloop-filterbar button.js-ql-fb-reset,
.block-queryloop-filterbar button.js-ql-fb-remove {
    padding: .5rem 1.75rem .5rem .75rem !important;
    border-radius: 4px !important;
    min-height: 1rem !important;
    align-items: center !important;
	margin: 0 !important;
	max-height: 2rem !important;
}
.block-queryloop-filterbar select option:first-child {
/*	visibility: hidden;
	flex-basis: fit-content; */
}
.block-queryloop-filterbar select.js-ql-fb-select:last-child {
}
.block-queryloop-filterbar select.js-ql-fb-select {
	flex-grow: 1 !important;
}
.block-queryloop-filterbar button.js-ql-fb-reset {
	order: 2;
}
.block-queryloop-filterbar button.js-ql-fb-remove {
	border: 2px solid white;
	background: none !important
	color: var(currentColor);
	margin-top: 0 !important;
}
.block-queryloop-filterbar .js-ql-fb-remove span::after {
	margin-left: .5rem;
	content: 'close';
	font-family: var(--wp--preset--font-family--material-symbols-outlined); 
    font-size: var(--wp--preset--font-size--medium);
	text-rendering: geometricPrecision;
	font-weight: 200;
    line-height: 0;
    position: relative;
    top: 0.25em;
	display: inline-block;	
}
.block-queryloop-filterbar .button.js-ql-fb-reset {
	display: none;
}
.block-queryloop-filterbar button[data-name*="page"] {
	display: none;
}
/* queries */
.wp-block-query li.topic time,
.wp-block-query li.system time,
.wp-block-query li.contact time,
.wp-block-query li.project time,
.wp-block-query li.page time {
	display: none;
}
body:not(.wp-admin) .wp-block-query .query_labels > div {
	display: none;
}
body:not(.wp-admin) .wp-block-query li.topic .label_topics,
body:not(.wp-admin) .wp-block-query li.system .label_systems,
body:not(.wp-admin) .wp-block-query li.contacts .label_contacts,
body:not(.wp-admin) .wp-block-query li.project .label_projects,
body:not(.wp-admin) .wp-block-query li.page .label_pages,
body:not(.wp-admin) .wp-block-query li.post .label_posts,
body:not(.wp-admin) .wp-block-query li.post .label_posts > * {
	display: inline-block !important;
}
body:not(.wp-admin) .wp-block-query li.project a[rel=tag] {
	pointer-events: none;
}

/* 4. COMPONENTS
- - - - - - - - - - - - - - - - - - - - */
/* details: readmore */
.component-details-readmore {
	position: relative;
	padding-bottom: 1.5rem;
}
.component-details-readmore summary {
	position: absolute;
	left: 0;
	bottom: .5rem;
	z-index: 1;
}
.component-details-readmore[open] summary {
	width: 1.5em;
	white-space: nowrap;
	overflow-x: clip;
}
.component-details-readmore summary::before {
    content: 'add_circle';
    top: 0.275em;
	left: -.12rem;
	margin-right: .25rem;
}
[open].component-details-readmore summary::before {
    transform: rotate(45deg);
	top: 0;
}
.component-details-readmore summary + .wp-block-group {
	position: relative;
	top: -.3em;
}
/* details: infobox */
.component-details-infobox {
    width: 100%;
}
.component-details-infobox summary {
	max-width: calc(100% - 3rem);
}
.component-details-infobox summary::after {
    content: 'expand_circle_down';  
    float: right;
	right: -3.125rem;
	top: -.15rem;
}
[open].component-details-infobox summary::after {
    transform: rotate(180deg); 
} 
/* tile: links */
.component-typo-title-links ul {
    white-space: nowrap;
}
/* tile: icon  */
.component-tile-icon {
	border-width: 1px;
	border-style: solid;	
	border-left: none;
}
.component-tile-icon .background,
.component-tile-icon .background-hover {
	position: absolute !important;
	top: 0;
	height: 100%;
	width: 100%;
}
.component-tile-icon:has(.wp-block-grouplink) .has-icon-font {
	position: relative;
	left: .333em;
	white-space: nowrap !important;	
	word-break: keep-all;
}
.component-tile-icon .background,
.component-tile-icon:has(.wp-block-grouplink:hover) .background-hover {
	opacity: 1;
	transform: scale(1);	
}
.component-tile-icon .background-hover,
.component-tile-icon:has(.wp-block-grouplink:hover) .background {
	opacity: 0;
}
.component-tile-icon:has(.wp-block-grouplink:hover) .background {
	background-size: 33% !important;	
}
.component-tile-icon:has(.wp-block-grouplink:not(:hover)) .background-hover {
	background-size: 25% !important;
}
.component-tile-icon:has(.wp-block-grouplink:hover) .background-hover {
	background-size: 5.5rem !important;
}

.component-tile-icon:has(.wp-block-grouplink:hover) p {
	z-index: 1;
	position: relative;
}
body.has-icons-loaded .component-tile-icon .has-icon-font {
	opacity: 0 !important;
}
body.has-icons-loaded .component-tile-icon:has(.wp-block-grouplink:hover) .has-icon-font {
	opacity: 1 !important;
}
/* tile: topic */
.component-tile-topic {
	overflow: hidden;
}
/* query item: system */
.component-query-loop-systems .wp-block-columns {
	height: auto;
}
.component-query-loop-systems .query-item-system .wp-block-column:first-child {
	width: calc(100% - 6rem);
	height: 100%;
	/*max-height: 5rem;*/
	align-items: stretch;
	justify-content: space-between;
	flex-direction: column;
	display: flex;
}
.component-query-loop-systems .query-item-system figure {
	min-width: 6rem;
}
.component-query-loop-systems .query-item-system:has(a:hover) .is-hover-visible {
	opacity: 1;
}
body:not(.wp-admin) .component-query-loop-systems:has(.query-item-system),
body:not(.wp-admin) .component-query-loop-systems:has(.query-item-system) + hr {
	display: block;
}
body:not(.wp-admin) .component-query-loop-systems,
body:not(.wp-admin) .component-query-loop-systems + hr {
	display: none
} 
body:not(.wp-admin) details[open].component-query-loop-systems.hide-next-hr + hr,
body:not(.wp-admin) details.component-query-loop-systems[open]:last-of-type + hr, 
body:not(.wp-admin) details.component-query-loop-systems[open]:has(.query-item-system):last-of-type + hr {
	display: none !important;
}

.component-query-loop-systems .query-item-system .bottom a {
	cursor: default;
	pointer-events: none;
}
.component-query-loop-systems .query-item-system .bottom a[href^="https://vmt.global/tunnelling/system-tag/innovation/"],
.component-query-loop-systems .query-item-system .bottom a[href^="https://dev2024.vmt-gmbh.de/tunnelling/system-tag/innovation/"],
.component-query-loop-systems .query-item-system .bottom a[href^="https://vmtglobal.dev.plue.tech/tunnelling/system-tag/innovation/"],
.component-query-loop-systems .query-item-system span:has(+ a[href^="https://vmt.global/tunnelling/system-tag/innovation/"]),
.component-query-loop-systems .query-item-system span:has(+ a[href^="https://dev2024.vmt-gmbh.de/tunnelling/system-tag/innovation/"]), 
.component-query-loop-systems .query-item-system span:has(+ a[href^="https://vmtglobal.dev.plue.tech/tunnelling/system-tag/innovation/"]){
	display: none;
}
/* query loop: project */
.component-query-loop-projects li:has(a[href^="https://vmt.global/tunnelling/project-tag/highlight/"]),
.component-query-loop-projects li:has(a[href^="https://dev2024.vmt-gmbh.de/tunnelling/project-tag/highlight/"]),
.component-query-loop-projects li:has(a[href^="https://vmtglobal.dev.plue.tech/tunnelling/project-tag/highlight/"]) {
	display: none !important;
}
.component-query-loop-projects .query-item-project > * {
	width: 100%;
}
/* query item: contact */
.component-query-loop-contacts .contact_content:has(div > *:not(.contact_address)),
.component-query-contact .wp-block-query li:before {
	display: none;
}
/* query loop: contact */
.component-query-loop-contacts .block-queryloop-filterbar__inner {
	width: 100%;
}
.component-query-loop-contacts .force-row {
	flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
	gap: var(--wp--preset--spacing--x-small) !important;
}
.component-query-loop-contacts .wp-block-column figure {
	margin: 0;
}
.component-query-loop-contacts .force-row img {
	position: absolute;
    top: 0.25rem;
	right: 0;
	margin: 0;
}

.component-query-loop-contacts .component-query-item-contact div:last-child p.has-icon-font:has(+ div.contact_email) {
	margin-top: .15em;
}
.component-query-loop-contacts .force-stack {
	gap: var(--wp--preset--spacing--small !important);
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: space-between !important;
}
.contact_vcard {
    position: absolute;
    bottom: 0;
    width: calc(100% - 2rem);
	width: 100%;
    text-align: center;
}
.contact_vcard a {
    align-content: center;		
	height: auto;
    display: block;	
    background-color: var(--wp--preset--color--medium-dark);
    border-radius: 4px;
	cursor: pointer;
    line-height: 1.75;
    font-size: var(--wp--preset--font-size--x-small);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.025rem;
    text-transform: uppercase;	
	padding: .5rem 1rem;
}
.contact_vcard a::before {
	content: 'person_add';
	font-family: var(--wp--preset--font-family--material-symbols-outlined);
    text-rendering: geometricPrecision;
	color: var(--wp--preset--color--yellow) !important;
	font-size: var(--wp--preset--font-size--regular);
    font-weight: 300;
    line-height: 0;
	position: relative;
	top: .2em;
	padding-right: .25em;
}
.contact_vcard a::after {
	content: 'Add to contacts';
	color: var(--wp--preset--color--white);
}
.contact_vcard a:hover {
	background-color: var(--wp--preset--color--black);
}


/* banner: icons */
.component-banner-icons .wp-block-columns {
	min-height: 25vw;
}
/* embed: full height */
.component_embed_fullheight,
.component_embed_fullheight iframe {
	min-height: calc(100vh - 3rem);
}
/* image hotspots */
body:not(.wp-admin) .wp-block-cover:has(.component-image-hotspots) {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
}
body:not(.wp-admin) .wp-block-cover:has(.component-image-hotspots) .wp-block-cover__inner-container {
	min-height: 100vh;
}
body:not(.wp-admin) .section-jobsite-title #title {
	margin-top: 100vh;
}
body:not(.wp-admin) .section-jobsite-title #title h1 {
	max-width: calc(100vw - 1rem);
	word-break: break-word;
	hyphens: auto;
}
body:not(.wp-admin) .section-jobsite-title .component-image-hotspots .align {
	position: absolute;
	height: 100vh;
	width: max-content;
	left: 50%;
	top: 50vh !important;
}
body:not(.wp-admin) .section-jobsite-title .component-image-hotspots .image-hotspot {
	height: 100%;
	min-width:100%;
	max-width:100vw;
	margin-left: -50%;
	min-height: calc(100vw * .56);
    margin-top: calc(-50% * .56);
}
body:not(.wp-admin) .section-jobsite-title .component-image-hotspots .image-hotspot img {
	max-width: inherit;
	object-fit: cover;
	height: 100%;
	visibility: hidden;
}
.component-image-hotspots .dot__tooltip {
	border-radius: 4px !important;
	width: max-content !important;
	min-height: 3rem;
	box-shadow: 0 0 3rem var(--wp--preset--color--grey);
}
.component-image-hotspots .dot__tooltip > div {
	border-radius: 4px !important;
	grid-template-columns: auto 5rem !important;
}
.component-image-hotspots .tooltip-container {
	gap: .5rem !important;
}
.component-image-hotspots .tooltip-container__block {
	margin: 0 !important;
}
.component-image-hotspots .tooltip-container__block__text,
.component-image-hotspots .tooltip-container__block__text ul, 
.component-image-hotspots .tooltip-container__block__text li {
	line-height: 1.25;
}
.section-jobsite-title .component-image-hotspots .dot__tooltip > div:hover .tooltip-container__block--productShortDescription::after {
    color: var(--wp--preset--color--yellow);
    font-family: var(--wp--preset--font-family--material-symbols-outlined);
    font-size: var(--wp--preset--font-size--regular) !important;
	content: 'arrow_forward_ios';
    position: absolute;
    right: 5.75rem;
    bottom: 1.333rem;
}
.image-hotspot .dot.pulsating:before {
	transform: scale(1.25) !important;
}
/* cool timeline */
button.ctl_load_more {
	height: 2rem !important;
	padding: 0 1rem !important;
    line-height: 1.75 !important;
    border-radius: 4px !important;
    font-size: var(--wp--preset--font-size--x-small) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    letter-spacing: 0.025rem !important;
    text-transform: uppercase !important;
	border: none !important;
	font-family: inherit !important;
	cursor: pointer !important;
}

/* 5. SECTIONS 
- - - - - - - - - - - - - - - - - - - - */
/* header */
body:not(.wp-admin) header {
	z-index: 999;
	position: relative;
	width: 100%;
	top: 0;
}
body:not(.page) header .nav-location-page  a {
	cursor: default;
	pointer-events: none;
}
body:not(.page) header .nav-location-page > :not(.label_others) {
	display: none;
}
body.single-post header .nav-location-page .label_posts,
body.single-project header .nav-location-page .label_projects,
body.single-topic header .nav-location-page .label_topics,
body.single-system header .nav-location-page .label_systems {
	display: inline-block;
}
body:not(.wp-admin, .home) header {
	position: fixed;
}
/* header navigation: main */
body:not(.wp-admin) header .wp-block-navigation__responsive-container {
	width: 45vw;
	align-self: flex-start;
	border-radius: 0 0 0 4px;
	left: inherit !important;
	right: 0 !important;
	overflow: scroll;
	height: 100vh;
    max-height: 100vh;
}
header .wp-block-navigation__responsive-container-content {
	padding: 3rem 3rem 3rem 2rem !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 999;
}
header .wp-block-navigation__responsive-container li.current-menu-item a {
	color: white !important;
}
body:not(.page) header .wp-block-navigation__responsive-container ul:not(:first-child):not(:last-child) li:first-child {
	padding-left: 0;
}
body:not(.page) header .wp-block-navigation__responsive-container ul:not(:first-child) li {
	padding-left: 0;
}
body:not(.page) header .wp-block-navigation__responsive-container ul:last-child {
	gap: 0 !important;
}
/* section: hero sites */
.section-hero-sites .wp-block-cover {
	min-height: calc(100vh - 12.5vw - 6rem) !important;
}
/* section: hero frontpage */
.section-hero-frontpage .wp-block-cover {
    height: 56vw;
	max-height: calc(100vh - 6rem);
	min-height: calc(100vh - 6rem);
}
.section-hero-sites .component-banner-icons .wp-block-columns {
	min-height: 12.5vw;
}
/* section: title page */
.section-page-title:has(.wp-block-cover) {
	min-height: calc(100vh - 3rem);
}
.section-page-title .wp-block-cover {	
}
.section-page-title .wp-block-cover + .wp-block-separator  {
	display: none;
}
/* section: title jobsite */
.section-jobsite-title .wp-block-cover {
	min-height: calc(100vh - 3rem) !important;
}
.section-jobsite-title .helper .has-icon-font {
	position: relative;
	top: 1.25rem;
	z-index: 10;
}
.section-jobsite-title .banner {
	position: absolute !important;
	top: calc(100dvh - 3rem);
	right: 0;
	width: 100%;
	min-height: auto !important;
}
.section-jobsite-title .component-image-hotspots .dot__tooltip .tooltip-container:first-child {
	padding: var(--wp--preset--spacing--small) !important;
}	
.section-jobsite-title .component-image-hotspots .dot__tooltip .tooltip-container:last-child {
	min-width: 3rem;
	aspect-ratio: 1/1;
}	
.section-jobsite-title .component-image-hotspots .tooltip-container__block--productShortDescription {
	border-top: 1px solid var(--wp--preset--color--grey-dark);
	padding-top: .5rem;
	padding-right: 1rem;
}
.section-jobsite-title .component-image-hotspots .tooltip-container__block--productShortDescription .tooltip-container__block__text {
	font-size: var(--wp--preset--font-size--small) !important; 
	line-height: 1 !important;
	color: var(--wp--preset--color--grey-light) !important;
}
/* section: title system */
.section-system-title #title div:has(h2) {
	padding-right: 0 !important;
}
.section-system-title #title h2 {
	white-space: break-spaces;
	word-break: break-word;
	hyphens: auto;
}
.section-system-title .wp-block-columns .wp-block-column:first-child video {
	border-radius: 4px 4px 0 4px;
}
/* section-content */
.entry-content .section-content:first-child > .wp-block-separator:first-child,
*:not(.section-content) + .section-content > .wp-block-separator:first-child {
	border: 0;
}
/* section-topics */
.section-topics,
.section-topics .wp-block-columns {
	margin: auto;
}
.section-topics:has(.wp-block-columns > :nth-child(2)),
.section-topics:has(.wp-block-columns > :nth-child(3)) {
	padding-left: 0;
	padding-right: 0;
}
.section-topics + .section-topics,
.section-topics + .section-topic-single,
.section-topic-single + .section-topics {
	padding-top: 0 !important;
}
/* footer */
footer .scroll-top a {
	cursor: pointer;
}


/* 7. TRANSITIONS / ANIMATIONS / INTERACTION
- - - - - - - - - - - - - - - - - - - - */
/* hover effects: */
body:not(.wp-admin) *:hover *,
body:not(.wp-admin) *:hover ~ *,
body:not(.wp-admin) *:hover *::before,
body:not(.wp-admin) *:hover *::after,
body:not(.wp-admin) :not(.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper) {
	transition: color .333s ease-out, background .333s ease-out, opacity .333s ease-out, box-shadow .25s ease-out, transform .25s ease-out, background-color .333s ease-out, filter .25s ease-out, border .333s ease-out;
}
/* details */
@keyframes details {
  from {
    opacity:0;
    transform: var(--details-translate, translateY(-0.5em));
  }
}
body:not(.wp-admin) details[open] > *:not(summary) {
  animation: details 150ms ease-in-out;
}
/* fading */
@keyframes fade-in {
  from {
    opacity:0;
	} to {
    opacity:1;
	}
}
.fade-in {
 	animation: fade-in .5s ease-out;
}
/* pulsating hotspot dots
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 !important;
	}
	70% {
		box-shadow: 0 0 0 20px !important;
	}
}
*/
/* contacts */
.component-query-loop-contacts:hover {
	box-shadow: var(--wp--preset--shadow--shadow-dark-small);
}


/* 8. BREAKPOINTS
- - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 360px) {
	header .header-center {
		display: none;
	}
	main h1.has-xxx-large-font-size {
		font-size: var(--wp--preset--font-size--x-large) !important;		
	}
	main h2.wp-block-post-title.has-xx-large-font-size,
	main h3 {
		font-size: var(--wp--preset--font-size--large) !important;
	}
}

@media only screen and (max-width: 540px) {
	.component-query-loop-systems .query-item-system h4 {
		font-size: var(--wp--preset--font-size--medium) !important;
	}	
	.component-query-loop-systems .query-item-system .wp-block-column:last-child {
		flex-basis: 2rem !important;	
		display: none;
	}
	main h1.has-xxx-large-font-size {
		font-size: var(--wp--preset--font-size--x-large) !important;		
	}
	main h2.has-xx-large-font-size {
		font-size: var(--wp--preset--font-size--x-large) !important;
	}
	/*.component-query-loop-systems .query-item-system .wp-block-column:last-child figure {
		min-height: 2rem;
		max-height: 2rem;
		min-width: 2rem;
		max-width: 2rem;
	}
	.component-query-loop-systems .query-item-system .wp-block-column:last-child figure a {
		height: 100% !important;
	}*/

}
@media only screen and (max-width: 600px) {
	footer .is-style-desktop-hidden:has(.wp-block-navigation.nav-pages) {
		display: flex !important;
	}
	footer .wp-block-navigation__responsive-container-content {
		padding: 3rem 2rem 3rem 1rem !important;
	}
	.section-content .leader {
		flex-direction: column !important;
	}
	.section-content .leader figure {
		width: 100% !important;
		flex-basis: unset;
		height: calc(66vw - 2rem);
	}
	.section-content .leader figure img {
		border-radius: 4px 4px 0 0 !important;
	}
	.section-content .leader .has-background {
		border-radius: 0 0 4px 4px !important;
	}
}
@media only screen and (min-width: 600px) {
	body:not(.wp-admin) footer .right .is-style-mobile-hidden {
		display: flex !important;
	}
}
/* mobile (< content-size) */
@media only screen and (max-width: 780px) {
	/* general */
	footer .footer-top {
	}
	/* typo */
	body:not(.wp-admin) main ul.wp-block-list {
		padding-left: 1.5rem !important;
	}
	h1.has-xxx-large-font-size {
		font-size: var(--wp--preset--font-size--xx-large) !important
	}
	/* blocks */
	.wp-block-navigation .wp-block-navigation__responsive-container {
		width: 100vw;
		max-width: 100vw;
	}
	.wp-container-core-columns-is-layout-2:has(.wp-block-column hr) {
		gap: 0;
	}
	.wp-container-core-columns-is-layout-2 .wp-block-column hr:last-child {
		display: none;
	}
	h3 + hr + p.link-forward {
		display: none;
	}
	footer .is-style-desktop-hidden:has(.wp-block-navigation.nav-pages) {
		display: none;
	}
	/* additional classes */
	.is-position-sticky {
		position: inherit !important;
	}
	/* center text */
	.is-mobile-align-center {
		text-align: center !important;
		align-self: center !important;
	}
	/* uncenter content */
	.is-mobile-align-uncenter,
	.is-mobile-align-uncenter .has-text-align-center {
		text-align: unset !important;
		align-self: unset !important;
		align-items: unset !important;
	}
	/* reverse: order */
	.is-layout-constrained.is-mobile-reverse-order,
	.is-layout-flow.is-mobile-reverse-order,
	.is-layout-flex.is-mobile-reverse-order,
	.is-vertical.is-mobile-reverse-order {
		flex-direction: column-reverse;
	}
	.is-nowrap.is-mobile-reverse-order {
		flex-direction: row-reverse;
	}
	.is-not-stacked-on-mobile.is-mobile-reverse-order {
		flex-direction: row-reverse;
	}
	/* reverse: align */
	.is-mobile-reverse-align,
	.is-content-justification-left.is-mobile-reverse-align {
		align-items: flex-end !important;
	}
	.is-content-justification-right.is-mobile-reverse-align {
		align-items: flex-start !important;
	}
	/* elements */
	.home .wp-block-cover {
		padding: var(--wp--preset--spacing--small);
		height: auto !important;
		min-height: 100vh !important;
	}
	.wp-block-cover__image-background.has-parallax {
		background-attachment: scroll;
		background-size: contain;
		background-position: bottom !important;
	}
	.wp-block-cover .wp-block-heading br {
		display: none;
	}
	body:not(.wp-admin).home.light .section-hero-sites .hero-metrology .wp-block-cover {
		min-height: calc(100vh - 3rem) !important;
	}
	body:not(.wp-admin).home.light .section-hero-sites .hero-tunnelling .wp-block-cover {
		min-height: calc(100vh - 3rem) !important;
	}
	/* components */
	.component-query-loop-contacts .wp-block-column:first-child img {
		border-radius: 4px 4px 0 0 !important;
	}
	.component-query-loop-contacts .wp-block-column:last-child .has-background {
		border-radius: 0 0 4px 4px !important;		
	}
	body:not(.wp-admin).home.dark .component-banner-icons .component-tile-icon {
		border-image: none;
		border-width: 0;
		border-top: 1px solid var(--wp--preset--color--black) !important;
	}
	/* sections */
	/* .section-page-title .wp-block-cover {
		min-height: calc(100vw - 3rem);
	}*/
	body.has-icons-loaded .component-banner-icons .component-tile-icon .is-hover-visible {
		opacity: 1 !important;
	}
}
/* desktop (> content-size) */
@media only screen and (min-width: 781px) {
	/* fixed header on desktop */
	body:not(.wp-admin) header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}
	body:not(.wp-admin) header + * {
		margin-top: 3rem !important;
	}
	/* typo */
	body:not(.wp-admin) main ul.wp-block-list {
		padding-left: 1.5rem !important;
	}
}
/* tablet (< wide-size) */
@media only screen and (max-width: 1024px) {
	body:not(.wp-admin) header .wp-block-navigation__responsive-container {
		width: 100vw;
	}
	body:not(.wp-admin) header .wp-block-navigation__responsive-container-content {
		padding: 3rem 2rem 3rem 1rem !important;
	}
	body:not(.wp-admin).home.light .section-hero-sites .wp-block-columns {
		display: flex;
		flex-wrap: wrap !important;
		flex-direction: column-reverse;		
	}
	body:not(.wp-admin).home.light .section-hero-sites .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100% !important
	}	
	body:not(.wp-admin).home.light .section-hero-sites .hero-link-footer {
		display: none !important;
	}
	.wp-container-core-columns-is-layout-6,
	.wp-container-core-post-template-is-layout-2 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	/* image hotspots */
	body:not(.wp-admin) .section-jobsite-title .wp-block-cover__image-background,
	.section-jobsite-title .wp-block-cover__gradient-background {
		display: block;
	}
	body.light.has-icons-loaded .component-banner-icons .component-tile-icon .is-hover-visible {
		opacity: 1 !important;
	}
}

@media only screen and (min-width: 781px) and (max-width: 1280px) {
	body:not(.wp-admin).home.light .section-hero-sites.is-position-sticky {
		position: unset !important;
	}
	body:not(.wp-admin).home.light .section-hero-sites .hero-metrology .wp-block-cover {
		min-height: calc(100vh - 11.5rem) !important;
	}
	body:not(.wp-admin).home.light .section-hero-sites .hero-tunnelling .wp-block-cover {
		min-height: calc(100vh - 14.5rem) !important;
	}
	body:not(.wp-admin).home.dark .section-hero-frontpage .wp-block-cover {
		min-height: calc(100vh - (100vw / 4) - 3rem);
	}
	body:not(.wp-admin).home.dark .section-hero-frontpage .wp-block-cover {
	}
	body:not(.wp-admin).home.dark .section-hero-frontpage .wp-block-cover .wp-block-spacer.is-style-mobile-hidden,
	body:not(.wp-admin).home .section-hero-sites .wp-block-cover .wp-block-spacer.is-style-mobile-hidden {
		display: none;
	}
	body:not(.wp-admin).home.light .has-dark-background-color .component-banner-icons .component-tile-icon,
	body:not(.wp-admin).home.light .has-dark-background-color .component-banner-icons .component-tile-icon:last-child {
		border: none !important;
		border-top: 1px solid var(--wp--preset--color--black) !important;
		border-image: none;
	}
	body:not(.wp-admin).home.light .has-light-background-color .component-banner-icons .component-tile-icon,
	body:not(.wp-admin).home.light .has-light-background-color .component-banner-icons .component-tile-icon:last-child {
		border: none !important;
		border-top: .5px solid var(--wp--preset--color--medium-light) !important;
		border-image: none;
	}
	body:not(.wp-admin).home.light .section-hero-sites .component-banner-icons .wp-block-columns {
		display: block;
	}
	body:not(.wp-admin).home.dark .component-banner-icons .component-tile-icon .background {
		opacity: 0 !important;
	}
	body:not(.wp-admin) .section-jobsite-title .wp-block-cover .wp-block-cover__image-background {
		object-position: 50% 50% !important;
		object-fit: cover;
	}
	
}
/* desktop (> wide-size) */
@media only screen and (min-width: 1280px) {
	body:not(.wp-admin).home.light .section-hero-sites .component-banner-icons .wp-block-columns {
		display: flex;
	}
	body:not(.wp-admin) .section-jobsite-title .wp-block-cover .wp-block-cover__image-background {
		object-position: 50% 50% !important;
		object-fit: cover;
	}
}
@media only screen and (max-width: 1600px) {
	body:not(.wp-admin).home.light .component-tile-icon .background {
		opacity: 0 !important;
	}
	body:not(.wp-admin).home.light .component-tile-icon .background,
	body:not(.wp-admin).home.light .component-tile-icon .background-hover {
		transition: none !important;		
	}
	body:not(.wp-admin).home.light .component-tile-icon:has(.wp-block-grouplink:hover) .background {
		opacity: 0 !important;
	}
	body:not(.wp-admin).home.light .component-banner-icons .component-tile-icon .wp-block-grouplink ~ .wp-block-group p:not(.has-icon-font) {
		visibility: visible !important;
		opacity: 1;
	}
	body:not(.wp-admin).home.light .component-banner-icons .component-tile-icon .has-icon-font {
		opacity: 0 !important;
	}
	body:not(.wp-admin).home.light .component-banner-icons .component-tile-icon .wp-block-grouplink:hover ~ .wp-block-group .has-icon-font {
		opacity: 1 !important;
	}
}
@media only screen and (max-width: 1400px) { 
	/* everything slider */
	.everything-slider .everything-slider__arrow.is-prev {
		left: 0 !important;
	}
	.everything-slider .everything-slider__arrow.is-next {
		right: 0 !important;
	}
}
/* ultra wide screens */
@media only screen and (min-width: 1800px) {
	/* image hotspots */
	body:not(.wp-admin) .section-jobsite-title .wp-block-cover__inner-container:has(.component-image-hotspots) {
		max-width: 1800px;
	}
	body:not(.wp-admin) .section-jobsite-title .wp-block-cover {
		max-width: 1800px !important;
		max-height: calc(1800px * .56) !important;
		min-height: unset !important;
	}
	body:not(.wp-admin) .section-jobsite-title .image-hotspot {
		max-width: 1800px !important;
		max-height: calc(1800px * .56) !important;
		min-height: unset !important;
		top: calc((100vh - (1800px * .56))) !important;
	}
	body:not(.wp-admin) .section-jobsite-title .component-image-hotspots .align {
		height: calc(1800px * .56);
		top: calc(1800px * .56 / 2) !important;
	}
	body:not(.wp-admin) .section-jobsite-title #title {
		margin-top: calc(1800px * .56);
	}
	body:not(.wp-admin).home.light .component-banner-icons .component-tile-icon .has-icon-font {
		opacity: 0 !important;
	}
	body:not(.wp-admin).home.light .component-banner-icons .component-tile-icon .wp-block-grouplink:hover ~ .wp-block-group .has-icon-font {
		opacity: 1 !important;
	}
}
@media only screen and (min-height: calc(100vw * .56)) {
	body:not(.wp-admin) .section-jobsite-title .component-image-hotspots .image-hotspot {
		max-width: calc(100vh * 1.77);
	}
}
@media only screen and (min-width: 1800px) and (max-height: 1008px) {
	body:not(.wp-admin) .section-jobsite-title .component-image-hotspots .image-hotspot {
		margin-top: -50vh;
	}
}
@media only screen and (max-height: calc(100vw * .56 / 2)) {
	body:not(.wp-admin) .section-jobsite-title .component-image-hotspots .image-hotspot {
		display: none;
	}
}
@media only screen and (min-width: 1800px) and (min-height: 1280px) {
	body:not(.wp-admin) .section-jobsite-title #hero .banner {
		display: none;
	}
}

/* 9. BROWSER SPECIFIC STYLES 
- - - - - - - - - - - - - - - - - - - - */
/* mobile safari */
@supports (-webkit-touch-callout: none) {
	.wp-block-cover.has-parallax .has-parallax {
		background-attachment: scroll !important;
	}	
}



/* 10. ADMIN / EDITOR
- - - - - - - - - - - - - - - - - - - - */
/* general */
body.wp-admin .editor-styles-wrapper .is-root-container > * {
	max-width: unset !important;
}
/* position sticky */
body.wp-admin .is-position-sticky {
	position: inherit !important;
}
/* details */
body.wp-admin .wp-block-details.component-details-readmore summary div,
body.wp-admin .block-editor-page .wp-block-details.component-details-readmore summary div,
body.wp-admin .block-editor-iframe__body .wp-block-details.component-details-readmore summary div {
	white-space: unset !important;
}
/* group links */
body.wp-admin .wp-block-grouplink,
body.wp-admin .wp-block-acf-grouplink,
body.block-editor-page .wp-block-grouplink,
body.block-editor-page .wp-block-acf-grouplink,
body.block-editor-iframe__body .wp-block-grouplink,
body.block-editor-iframe__body .wp-block-acf-grouplink {
	visibility: hidden !important;
}
/* hover invisible */
body.wp-admin .is-hover-visible,
body.block-editor-page .is-hover-visible,
body.block-editor-iframe__body .is-hover-visible {
	opacity: 1 !important;
}
/* seperate post-title from editor */
body.wp-admin .editor-editor-canvas__post-title-wrapper,
body.wp-admin .edit-post-visual-editor__post-title-wrapper {
	border-bottom: 1px solid;
}
/* image hotspots */
body.wp-admin .section-jobsite-title .wp-block-cover:has(.component-image-hotspots) .wp-block-cover__image-background {
	background-image: none;
}
body.wp-admin .section-jobsite-title .wp-block-cover:has(.image-hotspot) .wp-block-cover__image-background {
	display: none;
}
body.wp-admin:not(.has-icons-loaded) .has-icon-font {
	opacity: 1 !important;
	max-width: inherit !important;
}



/* 11. COLORS: UNIVERSAL
- - - - - - - - - - - - - - - - - - - - */
/* typo */
.has-underline-font, .has-underline-font a {
	text-decoration-color: var(--wp--preset--color--yellow);
}
/* paragraph */
.has-black-background-color p,
.has-dark-background-color p,
.has-medium-dark-background-color p {
}
.has-medium-light-background-color p,
.has-light-background-color p,
.has-white-background-color p {
}
/* custom links */
.link-up::after,
.link-down::before,
.link-back::before,
.link-forward::after,
.link-external::after {
    color: var(--wp--preset--color--yellow);
}
.has-yellow-background-color .link-up::after,
.has-yellow-background-color .link-down::before,
.has-yellow-background-color .link-back::before,
.has-yellow-background-color .link-forward::after {
	color: var(--wp--preset--color--white);
}
/* unordered list */
body:not(.wp-admin) main ul.has-text-color {
	color: inherit !important;
}
body:not(.wp-admin) main ul.has-teal-color:not(.wp-block-post-template).has-small-font-size li::before,
body:not(.wp-admin) main ul.has-teal-color:not(.wp-block-post-template) li.has-small-font-size::before {
	content: url('assets/svg/vmt_icon_list_s_teal.svg');
}
body:not(.wp-admin) main ul.has-teal-color:not(.wp-block-post-template) li::before,
body:not(.wp-admin) main ul.has-teal-color:not(.wp-block-post-template).has-medium-font-size li::before,
body:not(.wp-admin) main ul.has-teal-color:not(.wp-block-post-template) li.has-medium-font-size::before,
body:not(.wp-admin) main ul.has-teal-color:not(.wp-block-post-template).has-large-font-size li::before,
body:not(.wp-admin) main ul.has-teal-color:not(.wp-block-post-template) li.has-large-font-size::before {
    content: url('assets/svg/vmt_icon_list_m_teal.svg');
}
body:not(.wp-admin) main ul.has-green-color:not(.wp-block-post-template).has-small-font-size li::before,
body:not(.wp-admin) main ul.has-green-color:not(.wp-block-post-template) li.has-small-font-size::before {
	content: url('assets/svg/vmt_icon_list_s_green.svg');
}
body:not(.wp-admin) main ul.has-green-color:not(.wp-block-post-template) li::before,
body:not(.wp-admin) main ul.has-green-color:not(.wp-block-post-template).has-medium-font-size li::before,
body:not(.wp-admin) main ul.has-green-color:not(.wp-block-post-template) li.has-medium-font-size::before,
body:not(.wp-admin) main ul.has-green-color:not(.wp-block-post-template).has-large-font-size li::before,
body:not(.wp-admin) main ul.has-green-color:not(.wp-block-post-template) li.has-large-font-size::before {
    content: url('assets/svg/vmt_icon_list_m_green.svg');
}
body:not(.wp-admin) main ul.has-aqua-color:not(.wp-block-post-template).has-small-font-size li::before,
body:not(.wp-admin) main ul.has-aqua-color:not(.wp-block-post-template) li.has-small-font-size::before {
	content: url('assets/svg/vmt_icon_list_s_aqua.svg');
}
body:not(.wp-admin) main ul.has-aqua-color:not(.wp-block-post-template) li::before,
body:not(.wp-admin) main ul.has-aqua-color:not(.wp-block-post-template).has-medium-font-size li::before,
body:not(.wp-admin) main ul.has-aqua-color:not(.wp-block-post-template) li.has-medium-font-size::before,
body:not(.wp-admin) main ul.has-aqua-color:not(.wp-block-post-template).has-large-font-size li::before,
body:not(.wp-admin) main ul.has-aqua-color:not(.wp-block-post-template) li.has-large-font-size::before {
    content: url('assets/svg/vmt_icon_list_m_aqua.svg');
}
body:not(.wp-admin) main ul.has-blue-color:not(.wp-block-post-template).has-small-font-size li::before,
body:not(.wp-admin) main ul.has-blue-color:not(.wp-block-post-template) li.has-small-font-size::before {
	content: url('assets/svg/vmt_icon_list_s_blue.svg');
}
body:not(.wp-admin) main ul.has-blue-color:not(.wp-block-post-template) li::before,
body:not(.wp-admin) main ul.has-blue-color:not(.wp-block-post-template).has-medium-font-size li::before,
body:not(.wp-admin) main ul.has-blue-color:not(.wp-block-post-template) li.has-medium-font-size::before,
body:not(.wp-admin) main ul.has-blue-color:not(.wp-block-post-template).has-large-font-size li::before,
body:not(.wp-admin) main ul.has-blue-color:not(.wp-block-post-template) li.has-large-font-size::before {
    content: url('assets/svg/vmt_icon_list_m_blue.svg');
}
body:not(.wp-admin) main ul.has-purple-color:not(.wp-block-post-template).has-small-font-size li::before,
body:not(.wp-admin) main ul.has-purple-color:not(.wp-block-post-template) li.has-small-font-size::before {
	content: url('assets/svg/vmt_icon_list_s_purple.svg');
}
body:not(.wp-admin) main ul.has-purple-color:not(.wp-block-post-template) li::before,
body:not(.wp-admin) main ul.has-purple-color:not(.wp-block-post-template).has-medium-font-size li::before,
body:not(.wp-admin) main ul.has-purple-color:not(.wp-block-post-template) li.has-medium-font-size::before,
body:not(.wp-admin) main ul.has-purple-color:not(.wp-block-post-template).has-large-font-size li::before,
body:not(.wp-admin) main ul.has-purple-color:not(.wp-block-post-template) li.has-large-font-size::before {
    content: url('assets/svg/vmt_icon_list_m_purple.svg');
}
/* tile: icon */
.has-light-background-color .component-tile-icon:has(.wp-block-grouplink:hover) .background-hover {
	background-color: var(--wp--preset--color--white);
}
.has-dark-background-color .component-tile-icon:has(.wp-block-grouplink:hover) .background-hover {
	background-color: var(--wp--preset--color--black);
}
/* banner: icons */
.has-light-background-color .component-banner-icons .component-tile-icon {
	border-image: linear-gradient(to bottom, var(--wp--preset--color--medium-light), rgba(255,255,255,0)) 0 1;
}
.has-light-background-color .component-banner-icons .wp-block-column:last-child .component-tile-icon {
	border-image: linear-gradient(to bottom, var(--wp--preset--color--medium-light), rgba(255,255,255,0)) 0
}
.has-dark-background-color .component-tile-icon {
	border-image: linear-gradient(to bottom, var(--wp--preset--color--grey), rgba(0,0,0,0)) 0 1;
}
.has-dark-background-color .component-banner-icons .wp-block-column:last-child .component-tile-icon {
	border-image: linear-gradient(to bottom, var(--wp--preset--color--grey), rgba(0,0,0,0)) 0;
}
/* details: readmore */
div:not(.item-statement) .wp-block-details.component-details-readmore summary::before,
div:not(.item-statement) [open].wp-block-details.component-details-readmore summary::before {
    color: var(--wp--preset--color--yellow) !important;
}
/* details: infobox */
.wp-block-details.component-details-infobox:hover summary::after,
[open].wp-block-details.component-details-infobox:hover summary:hover::after {
    color: var(--wp--preset--color--yellow);
}
/* custom button: fill*/
.wp-block-button a.has-white-background-color {color: var(--wp--preset--color--medium-dark);}
.wp-block-button a.has-light-background-color {color: var(--wp--preset--color--grey-dark);}
.wp-block-button a.has-medium-light-background-color {color: var(--wp--preset--color--grey-dark);}
.wp-block-button a.has-grey-light-background-color {color: var(--wp--preset--color--white);}
.wp-block-button a.has-grey-background-color {color: var(--wp--preset--color--white);}
.wp-block-button a.has-grey-dark-background-color {color: var(--wp--preset--color--light);}
.wp-block-button a.has-medium-dark-background-color {color: var(--wp--preset--color--light);}
.wp-block-button a.has-dark-background-color {color: var(--wp--preset--color--white);}
.wp-block-button a.has-black-background-color {color: var(--wp--preset--color--light);}
.wp-block-button a.has-yellow-background-color {color: var(--wp--preset--color--medium-dark);}
.wp-block-button a.has-white-background-color:hover {
	color:  var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--light) !important;		
}
.wp-block-button a.has-light-background-color:hover {
	color:  var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--medium-light) !important;				
}
.wp-block-button a.has-medium-light-background-color:hover {
	color:  var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--grey-light) !important;			
}
.wp-block-button a.has-grey-light-background-color:hover {
	color:  var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--grey) !important;				
}
.wp-block-button a.has-grey-background-color:hover {
	color:  var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--grey-dark) !important;			
}
.wp-block-button a.has-grey-dark-background-color:hover {
	color:  var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--medium-dark) !important;			
}
.wp-block-button a.has-medium-dark-background-color:hover {
	color:  var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--grey-dark) !important;		
}
.wp-block-button a.has-dark-background-color:hover {
	color:  var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--grey-dark) !important;	
}
.wp-block-button a.has-black-background-color:hover {
	color:  var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--grey-dark) !important;	
}
.wp-block-button a.has-yellow-background-color:hover {
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--yellow-dark) !important;
}
.has-yellow-background-color .wp-block-button a {
	color: var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--white);
}
.has-yellow-background-color > :not(.has-background) > .wp-block-button a:hover {
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--yellow-dark) !important;
}
/* custom button: outline */
.wp-block-button.is-style-outline a.has-white-color:hover {
	color: var(--wp--preset--color--grey) !important;
	background-color: var(--wp--preset--color--white) !important;
	border: 2px solid var(--wp--preset--color--white) !important;
}
.wp-block-button.is-style-outline a.has-light-color:hover {
	color: var(--wp--preset--color--grey-dark) !important;
	background-color: var(--wp--preset--color--light) !important;
	border: 2px solid var(--wp--preset--color--light) !important;
}
.wp-block-button.is-style-outline a.has-medium-light-color:hover {
	background-color: var(--wp--preset--color--medium-light) !important;
	border: 2px solid var(--wp--preset--color--medium-light) !important;
}
.wp-block-button.is-style-outline a.has-grey-light-color:hover {
	background-color: var(--wp--preset--color--grey-light) !important;
	border: 2px solid var(--wp--preset--color--grey-light) !important;
}
.wp-block-button.is-style-outline a.has-grey-color:hover {
	background-color: var(--wp--preset--color--grey) !important;
	border: 2px solid var(--wp--preset--color--grey) !important;
}
.wp-block-button.is-style-outline a.has-grey-dark-color:hover {
	background-color: var(--wp--preset--color--grey-dark) !important;
	border: 2px solid var(--wp--preset--color--grey-dark) !important;
}
.wp-block-button.is-style-outline a.has-medium-dark-color:hover {
	background-color: var(--wp--preset--color--medium-dark) !important;
	border: 2px solid var(--wp--preset--color--medium-dark) !important;
}
.wp-block-button.is-style-outline a.has-dark-color:hover {
	background-color: var(--wp--preset--color--dark) !important;
	border: 2px solid var(--wp--preset--color--dark) !important;
}
.wp-block-button.is-style-outline a.has-black-color:hover {
	background-color: var(--wp--preset--color--black) !important;
	border: 2px solid var(--wp--preset--color--black) !important;
}
.wp-block-button.is-style-outline a.has-yellow-color:hover {
	background-color: var(--wp--preset--color--yellow) !important;
	border: 2px solid var(--wp--preset--color--yellow) !important;
}
.wp-block-button.is-style-outline a.has-yellow-dark-color:hover {
	background-color: var(--wp--preset--color--yellow-dark) !important;
	border: 2px solid var(--wp--preset--color--yellow-dark) !important;
}
.wp-block-button.is-style-outline a.has-teal-color:hover {
	background-color: var(--wp--preset--color--teal) !important;
	border: 2px solid var(--wp--preset--color--teal) !important;
}
.wp-block-button.is-style-outline a.has-green-color:hover {
	background-color: var(--wp--preset--color--green) !important;
	border: 2px solid var(--wp--preset--color--green) !important;
}
.wp-block-button.is-style-outline a.has-aqua-color:hover {
	background-color: var(--wp--preset--color--aqua) !important;
	border: 2px solid var(--wp--preset--color--aqua) !important;
}
.wp-block-button.is-style-outline a.has-blue-color:hover {
	background-color: var(--wp--preset--color--blue) !important;
	border: 2px solid var(--wp--preset--color--blue) !important;
}
.wp-block-button.is-style-outline a.has-purple-color:hover {
	background-color: var(--wp--preset--color--purple) !important;
	border: 2px solid var(--wp--preset--color--purple) !important;
}
/* navigation */
.wp-block-navigation.nav-pages .wp-block-navigation__responsive-container-open svg {
    color: var(--wp--preset--color--yellow);
}
.wp-block-navigation.nav-pages .wp-block-navigation__responsive-container-open:hover svg {
    color: var(--wp--preset--color--yellow-dark);
}
.wp-block-navigation.nav-pages .wp-block-navigation__responsive-container-close svg {
	color: var(--wp--preset--color--black);
}
.wp-block-navigation.nav-pages .wp-block-navigation__responsive-container-close:hover svg {
	color: var(--wp--preset--color--yellow-dark) !important;
}
/* search */
.wp-block-search .wp-block-search__input {
	border-color: var(--wp--preset--color--yellow);
}
/* seperator */
.has-white-background-color .wp-block-separator {color: var(--wp--preset--color--medium-light); opacity: .4; background-color: none;}
.has-light-background-color .wp-block-separator {color: var(--wp--preset--color--medium-light); opacity: .5 ;background-color: none;}
.has-medium-light-background-color .wp-block-separator {color: var(--wp--preset--color--white); background-color: none;}

.has-grey-light-background-color .wp-block-separator {color: var(--wp--preset--color--grey); background-color: none;}
.has-grey-background-color .wp-block-separator {color: var(--wp--preset--color--grey-dark); background-color: none;}
.has-grey-dark-background-color .wp-block-separator {color: var(--wp--preset--color--grey); background-color: none;}
.has-medium-dark-background-color .wp-block-separator {color: var(--wp--preset--color--black); background-color: none;}
.has-dark-background-color .wp-block-separator {color: var(--wp--preset--color--grey-dark); background-color: none;}
.has-black-background-color .wp-block-separator {color: var(--wp--preset--color--grey-dark); opacity: .75; background-color: none;}
.has-yellow-background-color .wp-block-separator {color: var(--wp--preset--color--yellow-dark); opacity: .5; background-color: none;}
/* polylang pro: language switch */
.pll-switcher:hover,
.pll-switcher select {
	border-color: var(--wp--preset--color--yellow) !important;
}
.pll-switcher:hover::after {
	color:  var(--wp--preset--color--yellow) !important;
}
/* breadcrumbs */
.module-breadcrumbs li:not(:last-child)::after {
	color: var(--wp--preset--color--yellow);
}


/* 12. COLORS: LIGHT
- - - - - - - - - - - - - - - - - - - - */
/* body */
body.light {
	background-color: var(--wp--preset--color--white);	
}
/* header */
body.light header {
	background-color: var(--wp--preset--color--white);	
}
body.light.single header {
/*	border-bottom: 1px solid var(--wp--preset--color--light); */
}
body.light .header-center {
	border-left: 1px solid  var(--wp--preset--color--light);
	
}
body.light .header-center-page > *:not(:last-child),
body.light .header-center-frontpage > *:not(:last-child),
body.light .header-center-single > *:not(:last-child),
body.light .header-right > *:not(:last-child) {
	border-right: 1px solid  var(--wp--preset--color--light);
}
/* main */
body.light main {
	background-color: var(--wp--preset--color--light);
}
/* footer */
body.light .footer-top {
	background-color: var(--wp--preset--color--light);	
}
body.light .footer-top a {
	color: var(--wp--preset--color--grey-light); 
}
body.light .footer-top .right > *:not(:last-child) {
	border-right: 1px solid var(--wp--preset--color--white);
}
body.light .footer-bottomline {
	background-color: var(--wp--preset--color--white);
}
body.light .footer-bottomline .left,
body.light .footer-bottomline .center > *:not(:last-child),
body.light .footer-bottomline .right > *:not(:last-child) {
	border-right: 1px solid  var(--wp--preset--color--light);
}
/* logo */
body.light .is-logo {
	background-image: url('assets/svg/vmt_logo_black.svg') !important;
}
/* lists */
body.light main ul li strong:first-child {
	color: var(--wp--preset--color--dark); 
}
/* quote */
body.light .wp-block-quote cite strong {
	color: var(--wp--preset--color--black);
}
/* form: input */
body.light input {
	color: var(--wp--preset--color--dark);
}
/* custom links */
body.light .link-back,
body.light .link-forward,
body.light .link-back:hover,
body.light .link-forward:hover  {
    color: var(--wp--preset--color--grey-light);
}
/* details: readmore */
body.light .wp-block-details.component-details-readmore summary {
	color: var(--wp--preset--color--grey);
}
body.light .wp-block-details.component-details-readmore summary:hover {
	color: var(--wp--preset--color--black);	
}
body.light .wp-block-details[open].component-details-infobox summary,
body.light .wp-block-details[open].component-details-infobox summary::after {
	color: var(--wp--preset--color--black);
}
body.light .wp-block-details.component-details-readmore summary::before,
body.light [open].wp-block-details.component-details-readmore summary::before {
    color: var(--wp--preset--color--black);
}
/* details: infobox */
body.light .wp-block-details.component-details-infobox summary::after {
	color: var(--wp--preset--color--grey);
}
/* custom button: fill*/
body.light .wp-block-button a {
	box-shadow: var(--wp--preset--shadow--shadow-light-small);
}
body.light .wp-block-button a:hover {
	background-color: var(--wp--preset--color--grey);
	color: var(--wp--preset--color--white);
	box-shadow: var(--wp--preset--shadow--shadow-light-medium);	
}
/* custom button: outline */
body.light .wp-block-button.is-style-outline a:hover {
 	color: var(--wp--preset--color--light) !important;	
}
body.light .wp-block-button.is-style-outline a:not(.has-text-color):hover {
	background-color: var(--wp--preset--color--dark) !important;
	border: 2px solid var(--wp--preset--color--dark) !important;
}
/* navigation */
body.light .nav-location-page .wp-block-post-title,
body.light .wp-block-navigation.nav-pages:hover svg {
    color: var(--wp--preset--color--black);
}
/* search */
body.light .wp-block-search svg.search-icon {
    color: var(--wp--preset--color--grey-light);
}
body.light .wp-block-search:hover svg.search-icon {
    color: var(--wp--preset--color--black);
}
/* site title */
body.light .wp-block-site-title.nav-location-site {
    color: var(--wp--preset--color--black);    
}
body.light .wp-block-site-title.nav-location-site:hover {
	color: var(--wp--preset--color--dark);
}
/* tile: topic */
body.light .component-tile-topic:has(.wp-block-grouplink):hover {
	background-color: rgba(191,191,191,.5) !important;
}
body.light .component-tile-topic:has(.wp-block-grouplink):hover h6 {
	color: var(--wp--preset--color--grey) !important;	
}
body.light .component-tile-topic:has(.wp-block-grouplink):hover p:not(.has-icon-font, .is-hover-visible) {
	color: var(--wp--preset--color--black) !important;	
}
body.light .component-tile-topic:has(.wp-block-grouplink):hover .wp-block-separator {
	color: var(--wp--preset--color--white);
}
/* query item: system */
body.light .query-item-system:has(a:hover) {
	/* background-color: rgba(191,191,191,.5) !important;*/
	background-color: var(--wp--preset--color--medium-light) !important;		
}
body.light .query-item-system:has(a:hover) .wp-block-separator {
	color: var(--wp--preset--color--white) !important;	
}
/*	everythingslider */
body.light .everything-slider .everything-slider__arrow .wp-block-button__link {
	background-color: var(--wp--preset--color--white) !important;
}
body.light .everything-slider .everything-slider__slides .slick-dots li {
	background: var(--wp--preset--color--grey-light);
}
body.light .everything-slider .everything-slider__slides .slick-dots li.slick-active {
	background: var(--wp--preset--color--yellow);
}
/* image hotspots */
body.light .component-image-hotspots .dot__tooltip  { 
	background-color: var(--wp--preset--color--white) !important;
}
body.light .component-image-hotspots .tooltip-container__block__text { 
	color:var(--wp--preset--color--dark) !important;
}
body.light .image-hotspot .tooltip-container__block {
	color:var(--wp--preset--color--black) !important;
}
body.light .component-image-hotspots .tooltip-container__block--productShortDescription .tooltip-container__block__text {
	color:var(--wp--preset--color--grey) !important;
}
/* polylang pro: language switch */
body.light .pll-switcher select {
	color: var(--wp--preset--color--dark); 
}
body.light .pll-switcher::after {
	color: var(--wp--preset--color--grey-light);
}
body.light .pll-switcher:hover select {
	color: var(--wp--preset--color--black); 
}
body.light .pll-switcher select *,
body.light .pll-switcher:hover select * {
	color: unset !important;
}
/* breadcrumb module */
body.light .module-breadcrumbs li:has(:not(a)),
body.light .module-breadcrumbs li:last-child:has(:not(a))::before,
body.light .module-breadcrumbs li a:hover,
body.light .module-breadcrumbs li:first-child a:hover::before {
	color: var(--wp--preset--color--dark);
}
body.light .module-breadcrumbs li a,
body.light .module-breadcrumbs li a::before,
body.light .module-breadcrumbs li:has(:not(a))::before {
	color: var(--wp--preset--color--grey-light);	
}
body.light .block-queryloop-filterbar select {
    color: var(--wp--preset--color--dark);
    background-color: var(--wp--preset--color--light);
}
body.light .block-queryloop-filterbar select:hover {
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--grey-light);
}
body.light .block-queryloop-filterbar .js-ql-fb-remove {
	color: var(--wp--preset--color--medium-dark);
	border-color: var(--wp--preset--color--medium-dark);
}
body.light .block-queryloop-filterbar .js-ql-fb-remove:hover {
	color: var(--wp--preset--color--yellow);
	border-color: var(--wp--preset--color--yellow);
}
/* section-content */
body.light .section-content p.has-large-font-size {
	color: var(--wp--preset--color--grey);
}
/* cool timeline */
body.light button.ctl_load_more {
	color: var(--wp--preset--color--black) !important;
	background-color: var(--wp--preset--color--white) !important;
}
body.light button.ctl_load_more:hover {
	background-color: var(--wp--preset--color--grey-light) !important;
}

/* 13. COLORS: DARK
- - - - - - - - - - - - - - - - - - - - */
/* body */
body.dark {
	background-color: var(--wp--preset--color--black);
}
/* header */
body.dark header {
	background-color: var(--wp--preset--color--black);	
}
body.dark.single header {
/*	border-bottom: .75px solid var(--wp--preset--color--grey-dark); */
}
body.dark .header-center {
	border-left: .75px solid var(--wp--preset--color--grey-dark);
}
body.dark .header-center-page > *:not(:last-child),
body.dark .header-center-frontpage > *:not(:last-child),
body.dark .header-center-single > *:not(:last-child),
body.dark .header-right > *:not(:last-child) {
	border-right: .75px solid var(--wp--preset--color--grey-dark);
}
/* main */
body.dark main {
	background-color: var(--wp--preset--color--dark);
}
/* footer */
body.dark .footer-top {
	background-color: var(--wp--preset--color--dark);	
}
body.dark .footer-top {
	background-color: var(--wp--preset--color--dark);
}
body.dark .footer-top a {
	color: var(--wp--preset--color--grey); 
}
body.dark .footer-top .right > *:not(:last-child) {
	border-right: .75px solid var(--wp--preset--color--grey-dark);
}
body.dark .footer-bottomline {
	background-color: var(--wp--preset--color--black);
}
body.dark .footer-bottomline .left,
body.dark .footer-bottomline .center > *:not(:last-child),
body.dark .footer-bottomline .right > *:not(:last-child) {
	border-right: .75px solid  var(--wp--preset--color--grey-dark);
}
/* logo */
body.dark .is-logo {
	background-image: url('assets/svg/vmt_logo_white.svg') !important;
}
/* lists */
body.dark main ul li strong:first-child {
	color: var(--wp--preset--color--light); 
}
/* quote */
body.dark .wp-block-quote cite strong {
	color: var(--wp--preset--color--white);
}
/* form: input */
body.dark input {
	color: var(--wp--preset--color--light);
}
/* details: readmore */
body.dark .wp-block-details.component-details-readmore summary {
	color: var(--wp--preset--color--grey-light);
}
body.dark .wp-block-details.component-details-readmore summary:hover {
	color: var(--wp--preset--color--white);	
}
body.dark .wp-block-details[open].component-details-infobox summary,
body.dark .wp-block-details[open].component-details-infobox summary::after {
	color: var(--wp--preset--color--white);
}
body.dark .wp-block-details.component-details-readmore summary::before,
body.dark [open].wp-block-details.component-details-readmore summary::before {
    color: var(--wp--preset--color--white);
}
/* details: readmore (testimonial statement) */
body.dark .item-statement .wp-block-details.component-details-readmore summary::before,
body.dark .item-statement [open].wp-block-details.component-details-readmore summary::before {
    color: var(--wp--preset--color--white) !important;
}
/* details: infobox */
body.light .wp-block-details.component-details-infobox summary::after {
	color: var(--wp--preset--color--grey-light);
}
/* custom links */
body.dark .link-back,
body.dark .link-forward,
body.dark .link-back:hover,
body.dark .link-forward:hover  {
    color: var(--wp--preset--color--grey-light);
}
/* custom button: fill*/
body.dark .wp-block-button a {
	box-shadow: var(--wp--preset--shadow--shadow-dark-small);
}
body.dark .wp-block-button a:hover {
	background-color: var(--wp--preset--color--black) !important;
	box-shadow: var(--wp--preset--shadow--shadow-dark-medium);
}
/* custom button: outline */
body.dark .wp-block-button.is-style-outline a:hover {
 	color: var(--wp--preset--color--dark) !important;
}
body.dark .wp-block-button.is-style-outline a:not(.has-text-color):hover {
	background-color: var(--wp--preset--color--light) !important;
	border: 2px solid var(--wp--preset--color--light) !important;
}
/* navigation */
body.dark .nav-location-page .wp-block-post-title,
body.dark .wp-block-navigation.nav-pages:hover svg {
    color: var(--wp--preset--color--white);
}
/* search */
body.dark .wp-block-search svg.search-icon {
    color: var(--wp--preset--color--grey);
}
body.dark .wp-block-search:hover svg.search-icon {
    color: var(--wp--preset--color--white);
}
/* site title */
body.dark .wp-block-site-title.nav-location-site {
    color: var(--wp--preset--color--white);    
}
/* tile: topic */
body.dark .component-tile-topic:has(.wp-block-grouplink):hover {
	background-color: var(--wp--preset--color--black) !important;	
}
body.dark .component-tile-topic:has(.wp-block-grouplink):hover p:not(.is-hover-visible, .has-icon-font) {
	color: var(--wp--preset--color--white) !important;
}
body.dark .component-tile-topic:has(.wp-block-grouplink):hover .wp-block-separator {
	color: var(--wp--preset--color--grey-dark);
}
/* query item: system */
body.dark .query-item-system:has(a:hover) {
	background-color: var(--wp--preset--color--black) !important;		
}
body.dark .query-item-system:has(a:hover) .wp-block-separator {
	color: var(--wp--preset--color--grey-dark) !important;	
}
/*	everythingslider */
body.dark .everything-slider .everything-slider__arrow .wp-block-button__link {
	background-color: var(--wp--preset--color--grey-dark) !important;
}
body.dark .everything-slider .everything-slider__slides .slick-dots li {
	background: var(--wp--preset--color--grey);
}
body.dark .everything-slider .everything-slider__slides .slick-dots li.slick-active {
	background: var(--wp--preset--color--yellow);
}
/* image hotspots */
body.dark .component-image-hotspots .dot__tooltip  { 
	background-color: var(--wp--preset--color--dark) !important;
}
body.dark .component-image-hotspots .tooltip-container__block__text {
	color: var(--wp--preset--color--light) !important;
}
body.dark .image-hotspot .tooltip-container__block {
	color:var(--wp--preset--color--white) !important;
}
body.dark .component-image-hotspots .tooltip-container__block--productShortDescription .tooltip-container__block__text {
	color:var(--wp--preset--color--grey-light) !important;
}

/* polylang pro: language switch */
body.dark .pll-switcher select {
	color: var(--wp--preset--color--light); 
}
body.dark .pll-switcher::after {
	color: var(--wp--preset--color--grey-light);
}
body.dark .pll-switcher:hover select {
	color: var(--wp--preset--color--white); 
}
body.dark .pll-switcher select *,
body.dark .pll-switcher:hover select * {
	color: unset !important;
}

/* breadcrumb module */
body.dark .module-breadcrumbs li:has(:not(a)),
body.dark .module-breadcrumbs li:last-child:has(:not(a))::before,
body.dark .module-breadcrumbs li a:hover,
body.dark .module-breadcrumbs li:first-child a:hover::before {
	color: var(--wp--preset--color--light);
}
body.dark .module-breadcrumbs li a,
body.dark .module-breadcrumbs li a::before,
body.dark .module-breadcrumbs li:has(:not(a))::before {
	color: var(--wp--preset--color--grey-light);	
}
/* query loop: filterbar */
body.dark .block-queryloop-filterbar select {
    color: var(--wp--preset--color--dark);
    background-color: var(--wp--preset--color--light);
}
body.dark .block-queryloop-filterbar select:hover {
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--grey-light);
}
body.dark .block-queryloop-filterbar .js-ql-fb-remove {
	color: var(--wp--preset--color--medium-light);
	border-color: var(--wp--preset--color--medium-light);
}
body.dark .block-queryloop-filterbar .js-ql-fb-remove:hover {
	color: var(--wp--preset--color--yellow);
	border-color: var(--wp--preset--color--yellow);
}
/* cool timeline */
body.dark button.ctl_load_more {
	color: var(--wp--preset--color--black) !important;
	background-color: var(--wp--preset--color--white) !important;
}
body.dark button.ctl_load_more:hover {
	color: var(--wp--preset--color--white) !important;
	background-color: var(--wp--preset--color--black) !important;
}