/*
 Theme Name:   MAUL-THEET
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* Variablen */
:root {
	--menu_animation_speed: 150ms;
	--menu_animation_type: linear;

	--menu_padding_top: 40px;
	--menu_padding_bottom: 80px;

	--farbe-blau: var(--bricks-color-jrkkrm);
	--farbe-weiss: var(--bricks-color-junleo);
}
/*Variablen responsive*/
@media (max-width: 1124px) {
	:root {
		--container-padding-plus: 56px !important;
		--container-padding-left: 56px !important;
	}
}
@media (max-width: 768px) {
	:root {
		--container-padding: 15px !important;
		--container-padding-plus: var(--container-padding) !important;
		--container-padding-left: 15px !important;

		--column-gap: 15px !important;
		
		--header_height: 60px !important;
		
		--box-padding-x: 20px !important;
		--box-padding-y: 15px !important;
	}
}

/* Fonts */
@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/maul-theet/css/fonts/ubuntu-v20-latin-regular.woff2') format('woff2')
}
@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/maul-theet/css/fonts/ubuntu-v20-latin-700.woff2') format('woff2')
}
@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: oblique;
  font-weight: 400;
  src: url('/wp-content/themes/maul-theet/css/fonts/ubuntu-condensed-v16-latin-regular.woff2') format('woff2')
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/maul-theet/css/fonts/open-sans-v40-latin-regular.woff2') format('woff2')
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/maul-theet/css/fonts/open-sans-v40-latin-600.woff2') format('woff2')
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/maul-theet/css/fonts/open-sans-v40-latin-700.woff2') format('woff2')
}

/*Floating-Menu*/
.floating-icon .floating-icon-label {
  transition: opacity 250ms linear;
}
@media (min-width: 769px) {
	.floating-icon:hover .floating-icon-label {
  	opacity: 1 !important;
  	visibility: visible !important;
	}
}
.floating-icon svg path {
  fill: white !important;
}
.floating-icon:hover svg path {
  fill: var(--bricks-color-jrkkrm) !important;
}
@keyframes fa-bounce {
  0% {
			transform: scale(1, 1) translateY(0); }
  10% {
			transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
			transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
			transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
			transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
			transform: scale(1, 1) translateY(0); }
  100% {
			transform: scale(1, 1) translateY(0); } 
}
#toolbar {
  box-shadow: none !important;
  transition: visibility 300ms ease-in, opacity 300ms ease-in !important;
}
@media (max-width: 768px) {
	#toolbar.fadeout {
  	visibility: hidden;
		opacity: 0;
  }
	iframe#tidio-chat-iframe {
		/*
		transform: translateY(-30px) !important;
		z-index: 10 !important;
		*/
	}
}
/*WPML-Button im Header*/
img.wpml-ls-flag {
	max-width: unset;
	width: 25px !important;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	border: none;
	width: fit-content;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	top: 10px;
}
.wpml-ls-legacy-dropdown > ul {
	width: fit-content;
}
.wpml-ls-legacy-dropdown {
	width: auto;
}

/* Pages */
html {
  scroll-padding-top: calc(var(--header_height_complete) + 20px);
}
body {
	hyphens: auto;
	word-wrap: break-word;
	overflow-x: hidden !important;
}
h1, style-h1 {
	hyphens: none;
	text-wrap: balance;
}
main section.brxe-section {
	overflow-x: hidden !important;
}
body.bricks-is-frontend :focus {
	outline: none;
}
a[href="#"]:hover {
	cursor: default;
}
:is(.brxe-text, .brxe-text-basic) > :not(a):first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
:is(.brxe-text, .brxe-text-basic) :not(:is(a, li)):last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
:is(h1,h2,h3,h4,h5,h6).brxe-heading {
	margin-bottom: 0;
}
:is(h1,h2,h3,h4,h5,h6,.style-h1,.style-h2,.style-h3,.style-h4,.style-h5,.style-h6) b {
	font-weight: inherit;
	text-transform: none;
}
button.splide__arrow, div.swiper-button, div.swiper-button.swiper-button-disabled {
	opacity: 0;
	transition: opacity 200ms linear;
}
div.splide:hover button.splide__arrow, div.brxe-carousel:hover div.swiper-button {
	opacity: 0.666;
}
div.splide:hover button.splide__arrow:hover, div.brxe-carousel:hover div.swiper-button:hover {
	opacity: 1;
}

/* Page: Downloads */
/* div.downloads h3 {
	margin-bottom: 1rem;
}
div.downloads a::after {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url('/wp-content/uploads/2024/05/download.svg');
	background-size: 100%;
	margin-left: 8px;
	position: relative;
	top: 2px;
} */
/* "inline"-optimiert */
div.downloads li{
  line-height:24px;
}
div.downloads li > a{
  display:inline-flex;
  align-items:center;
  line-height:inherit;
}
div.downloads li > a::after{
  content:'';
  width:20px;
  height:20px;
  display:inline-block;
  background-image:url('/wp-content/uploads/2024/05/download.svg');
  background-size:100%;
  margin-left:8px;

  /* wichtig: kein "top:2px" mehr */
  position:static;
  flex:0 0 20px;
}
.otgs-development-site-front-end {
	display: none;
}
.splide.animatedo {
    animation-name: slideInRightMewigo;
    animation-duration: 0.5s;
    animation-delay: 0s;
}
@keyframes slideInRightMewigo {
    0% {
        transform: translate3d(25%,0,0);
    }

    to {
        transform: translateZ(0)
    }
}
.download-highlighted {
    background: #0080c929;
    width: fit-content;
    padding: 8px 15px;
    border-radius: var(--box-border-radius);
}
#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
	padding-right: 10px !important;
}
#BorlabsCookieBox .brlbs-cmpnt-dialog-box-header {
	padding-bottom: 10px !important;
}
#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
	height: 20vh !important;
}
#BorlabsCookieBox div:has(> button#CookieBoxPreferencesButton) {
	display: none;
}
#BorlabsCookieBox {
	/* Settings */
	--bcb-primary: #0080c9;
	--bcb-text: 14px;
	--body-color: black;
	--base-ultra-light: oklch(from var(--bcb-primary) calc(l * .70) c h);
	--base: white !important;
	--space-m: 90px;
	--space-s: 50px;

	--bcb-primary-hover: oklch(from var(--bcb-primary) calc(l * .80) c h);
	--bcb-radius: var(--box-border-radius);

	/*var(--dialog-card-text-color);*/

	--dialog-footer-background-color: #293d66 !important;

	/* Borlabs Code */
	--black: black;
	--white: white;
	--almost-black: #2f2f2f;
	--dialog-backdrop-background-color: var(--black) !important;
	--dialog-background-color: var(--white) !important;
	--dialog-button-accept-all-color: var(--bcb-primary) !important;
	--dialog-button-accept-all-color-hover: var(--bcb-primary-hover) !important;
	--dialog-button-accept-all-text-color: var(--white) !important;
	--dialog-button-accept-all-text-color-hover: var(--white) !important;
	--dialog-button-accept-only-essential-color: var(--bcb-primary) !important;
	--dialog-button-accept-only-essential-color-hover: var(--bcb-primary-hover) !important;
	--dialog-button-accept-only-essential-text-color: var(--white) !important;
	--dialog-button-accept-only-essential-text-color-hover: var(--white) !important;
	--dialog-button-close-color: var(--bcb-primary) !important;
	--dialog-button-close-color-hover: var(--bcb-primary-hover) !important;
	--dialog-button-close-text-color: var(--white) !important;
	--dialog-button-close-text-color-hover: var(--white) !important;
	--dialog-button-preferences-color: var(--bcb-primary) !important;
	--dialog-button-preferences-color-hover: var(--bcb-primary-hover) !important;
	--dialog-button-preferences-text-color: var(--white) !important;
	--dialog-button-preferences-text-color-hover: var(--white) !important;
	--dialog-button-save-consent-color: var(--bcb-primary) !important;
	--dialog-button-save-consent-color-hover: var(--bcb-primary-hover) !important;
	--dialog-button-save-consent-text-color: var(--white) !important;
	--dialog-button-save-consent-text-color-hover: var(--white) !important;
	--dialog-button-selection-color: var(--almost-black) !important;
	--dialog-button-selection-color-hover: var(--black) !important;
	--dialog-button-selection-text-color: var(--white) !important;
	--dialog-button-selection-text-color-hover: var(--white) !important;
	--dialog-checkbox-background-color-active: var(--bcb-primary-hover) !important;
	--dialog-checkbox-background-color-disabled: var(--base-ultra-light) !important;
	--dialog-checkbox-background-color-inactive: var(--white) !important;
	--dialog-checkbox-border-color-active: var(--bcb-primary-hover) !important;
	--dialog-checkbox-border-color-disabled: var(--base-ultra-light) !important;
	--dialog-checkbox-check-mark-color-active: var(--white) !important;
	--dialog-card-background-color: var(--white) !important;
	--dialog-card-control-element-color: var(--bcb-primary) !important;
	--dialog-card-control-element-color-hover: var(--bcb-primary-hover) !important;
	--dialog-card-text-color: var(--body-color, var(--black)) !important;
	--dialog-control-element-color: var(--bcb-primary) !important;
	--dialog-control-element-color-hover: var(--bcb-primary-hover) !important;
	--dialog-link-primary-color: var(--bcb-primary) !important;
	--dialog-link-primary-color-hover: var(--bcb-primary-hover) !important;
	--dialog-link-secondary-color: var(--base) !important;
	--dialog-link-secondary-color-hover: var(--bcb-primary-hover) !important;
	--dialog-list-item-background-color-even: var(--white) !important;
	--dialog-list-item-background-color-odd: var(--white) !important;
	--dialog-list-item-text-color-even: var(--body-color, var(--black)) !important;
	--dialog-list-item-text-color-odd: var(--body-color, var(--black)) !important;
	--dialog-list-item-control-element-color: var(--base) !important;
	--dialog-list-item-control-element-color-hover: var(--base) !important;
	--dialog-list-item-control-element-separator-color: var(--base) !important;
	--dialog-list-item-separator-color: var(--base-ultra-light) !important;
	--dialog-search-bar-input-background-color: var(--white) !important;
	--dialog-search-bar-input-border-color-focus: var(--bcb-primary) !important;
	--dialog-search-bar-input-text-color: var(--body-color, var(--black)) !important;
	--dialog-separator-color: var(--base-ultra-light) !important;
	--dialog-switch-button-background-color-active: var(--bcb-primary) !important;
	--dialog-switch-button-background-color-inactive: var(--base-ultra-light) !important;
	--dialog-switch-button-color-active: var(--white) !important;
	--dialog-switch-button-color-inactive: var(--white) !important;
	--dialog-tab-bar-tab-background-color-active: var(--bcb-primary) !important;
	--dialog-tab-bar-tab-background-color-inactive: var(--white) !important;
	--dialog-tab-bar-tab-border-color-bottom-active: var(--bcb-primary-hover) !important;
	--dialog-tab-bar-tab-border-color-bottom-inactive: var(--base-ultra-light) !important;
	--dialog-tab-bar-tab-border-color-left-active: var(--bcb-primary-hover) !important;
	--dialog-tab-bar-tab-border-color-left-inactive: var(--base-ultra-light) !important;
	--dialog-tab-bar-tab-border-color-right-active: var(--bcb-primary-hover) !important;
	--dialog-tab-bar-tab-border-color-right-inactive: var(--base-ultra-light) !important;
	--dialog-tab-bar-tab-border-color-top-active: var(--bcb-primary-hover) !important;
	--dialog-tab-bar-tab-border-color-top-inactive: var(--base-ultra-light) !important;
	--dialog-tab-bar-tab-text-color-active: var(--white) !important;
	--dialog-tab-bar-tab-text-color-inactive: var(--body-color, var(--black)) !important;
	--dialog-table-row-background-color-even: var(--base-ultra-light) !important;
	--dialog-table-row-background-color-odd: var(--base-ultra-light) !important;
	--dialog-table-row-text-color-even: var(--body-color, var(--black)) !important;
	--dialog-table-row-text-color-odd: var(--body-color, var(--black)) !important;
	--dialog-table-row-border-color: var(--base-ultra-light) !important;
	--dialog-text-color: var(--body-color, var(--black)) !important;
	--dialog-cookie-group-justification: space-between;
	--dialog-border-radius-bottom-left: var(--bcb-radius) !important;
	--dialog-border-radius-bottom-right: var(--bcb-radius) !important;
	--dialog-border-radius-top-left: var(--bcb-radius) !important;
	--dialog-border-radius-top-right: var(--bcb-radius) !important;
	--dialog-button-border-radius-bottom-left: var(--bcb-radius) !important;
	--dialog-button-border-radius-bottom-right: var(--bcb-radius) !important;
	--dialog-button-border-radius-top-left: var(--bcb-radius) !important;
	--dialog-button-border-radius-top-right: var(--bcb-radius) !important;
	--dialog-card-border-radius-bottom-left: var(--bcb-radius) !important;
	--dialog-card-border-radius-bottom-right: var(--bcb-radius) !important;
	--dialog-card-border-radius-top-left: var(--bcb-radius) !important;
	--dialog-card-border-radius-top-right: var(--bcb-radius) !important;
	--dialog-card-list-padding-medium-screen-bottom: var(--space-m) !important;
	--dialog-card-list-padding-medium-screen-left: var(--space-m) !important;
	--dialog-card-list-padding-medium-screen-right: var(--space-m) !important;
	--dialog-card-list-padding-small-screen-bottom: var(--space-s) !important;
	--dialog-card-list-padding-small-screen-left: var(--space-s) !important;
	--dialog-card-list-padding-small-screen-right: var(--space-s) !important;
	--dialog-checkbox-border-radius-bottom-left: var(--bcb-radius) !important;
	--dialog-checkbox-border-radius-bottom-right: var(--bcb-radius) !important;
	--dialog-checkbox-border-radius-top-left: var(--bcb-radius) !important;
	--dialog-checkbox-border-radius-top-right: var(--bcb-radius) !important;
	--dialog-font-size: var(--bcb-text) !important;
	--dialog-list-border-radius-bottom-left: var(--bcb-radius) !important;
	--dialog-list-border-radius-bottom-right: var(--bcb-radius) !important;
	--dialog-list-border-radius-top-left: var(--bcb-radius) !important;
	--dialog-list-border-radius-top-right: var(--bcb-radius) !important;
	--dialog-search-bar-input-border-radius-bottom-left: var(--bcb-radius) !important;
	--dialog-search-bar-input-border-radius-bottom-right: var(--bcb-radius) !important;
	--dialog-search-bar-input-border-radius-top-left: var(--bcb-radius) !important;
	--dialog-search-bar-input-border-radius-top-right: var(--bcb-radius) !important;
	--dialog-tab-bar-tab-border-radius-top-left-active: var(--bcb-radius) !important;
	--dialog-tab-bar-tab-border-radius-top-right-active: var(--bcb-radius) !important;
	--dialog-tab-bar-tab-border-radius-top-left-inactive: var(--bcb-radius) !important;
	--dialog-tab-bar-tab-border-radius-top-right-inactive: var(--bcb-radius) !important;
}
.brlbs-cmpnt-container {
	width: 100% !important;
}