/* 
Theme Name: Schwarz+Matt Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Schwarz+Matt Child is a child theme of Hello Elementor, created by the Elementor team and modified by Schwart+Matt.
Author: Schwarz+Matt Team
Author URI: https://www.schwarz-matt.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: schwarz+matt-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* support color elementor-icon-widget
----------------------------------------*/

.elementor-widget-icon svg path{
    fill: currentColor;
}

p{
	margin-bottom: 0;
}

body,
html{
	overflow-x: hidden;
}

.pswp{
	display: none;
}

/* borlabs cookie
----------------------------------------*/

:root {
	--color-primary: #000000;
	--color-primary-hover: #272727;
	/*-- spacing --*/
	--spacing--xxs: 4px;
	--spacing--xs: clamp(4px, calc(2.4px + 0.5vw), 12px);
	--spacing--s: clamp(8px, calc(4.8px + 1vw), 24px);
	--spacing--m:  clamp(16px, calc(11.2px + 1.5vw), 40px);
	--spacing--l: clamp(32px, calc(25.6px + 2vw), 64px);
	--spacing--xl: clamp(48px, calc(38.4px + 3vw), 96px);
	--spacing--xxl: clamp(80px, calc(60px + 6.25vw), 180px);
	/*-- font
	--headline-body_small: clamp(12.9px, 0.1vi + 12.5px, 14.4px);
	--headline-body: clamp(14.5px, 0.2vi + 13.7px, 18px);
	--headline-xs: clamp(16.3px, 0.4vi + 14.9px, 22.5px);
	--headline-s: clamp(18.4px, 0.6vi + 16.1px, 28.1px);
	--headline-m: clamp(20.6px, 0.9vi + 17.3px, 35.2px);
	--headline-l: clamp(23.2px, 1.3vi + 18.4px, 43.9px);
	--headline-xl: clamp(26.1px, 1.8vi + 19.5px, 54.9px);
	--headline-xxl: clamp(29.4px, 2.5vi + 20.3px, 68.7px);	  
	--*/
}

/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--headline-body_small: clamp(12.9px, 0.1vi + 12.5px, 14.4px);
		--headline-body: clamp(14.5px, 0.2vi + 13.7px, 18px);
		--headline-xs: clamp(16.3px, 0.4vi + 14.9px, 22.5px);
		--headline-s: clamp(18.4px, 0.6vi + 16.1px, 28.1px);
		--headline-m: clamp(20.6px, 0.9vi + 17.3px, 35.2px);
		--headline-l: clamp(23.2px, 1.3vi + 18.4px, 43.9px);
		--headline-xl: clamp(26.1px, 1.8vi + 19.5px, 54.9px);
		--headline-xxl: clamp(29.4px, 2.5vi + 20.3px, 68.7px);
	  	--topline-m: clamp(1.35625rem, 1.2798rem + 0.3397vw, 1.6875rem);
	  	--topline-s: clamp(0.90625rem, 0.8558rem + 0.2244vw, 1.125rem);
  }
}

/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
		--headline-body_small: 12.9px;
		--headline-body: 14.5px;
		--headline-xs: 16.3px;
		--headline-s: 18.4px;
		--headline-m: 20.6px;
		--headline-l: 23.2px;
		--headline-xl: 26.1px;
		--headline-xxl: 29.4px;
	  	--topline-m: 21.7px;
	  	--topline-s: 14.5px;
  }
	
@media screen and (min-width: 1920px) {
    :root {
			--headline-body_small: 14.4px;
			--headline-body: 18px;
			--headline-xs: 22.5px;
			--headline-s: 28.1px;
			--headline-m: 35.2px;
			--headline-l: 43.9px;
			--headline-xl: 54.9px;
			--headline-xxl: 68.7px;
			--topline-m: 27px;
			--topline-s:  18px;
    }
  }
}

.section {
	padding-left: 1rem;
	padding-right: 1rem;
}

.section.b-s{
	padding-bottom: var(--spacing--s);
}

.section.t-s{
	padding-top: var(--spacing--s);
}

.section.b-m{
	padding-bottom: var(--spacing--m);
}

.section.t-m{
	padding-top: var(--spacing--m);
}

.section.b-l{
	padding-bottom: var(--spacing--l);
}

.section.t-l{
	padding-top: var(--spacing--l);
}

.section.b-xl{
	padding-bottom: var(--spacing--xl);
}

.section.t-xl{
	padding-top: var(--spacing--xl);
}

.section.b-xxl{
	padding-bottom: var(--spacing--xxl);
}

.section.t-xxl{
	padding-top: var(--spacing--xxl);
}

.section.xl{
	padding-top: var(--spacing--xl);
	padding-bottom: var(--spacing--xl);
}


.section.xxl{
	padding-top: var(--spacing--xxl);
	padding-bottom: var(--spacing--xxl);
}

/* buttons */

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691],
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032],
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]{
	background-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-btn-save[data-v-9bed6691]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-all[data-v-14ae4032]:hover,
body #BorlabsCookieBox .brlbs-btn-accept-only-essential[data-v-8dcc252c]:hover{
	background-color: var(--color-primary-hover);
}

/* tabs */


body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active{
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, 
body .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover{
	background-color: var(--color-primary-hover);
	border-color: var(--color-primary-hover);
}


/* menü
----------------------------------------*/

.jet-mobile-menu__instance--slide-out-layout .jet-mobile-menu__container{
	width: 600px;
}

.jet-mobile-menu__container-inner{
	display: grid;
    grid-template-columns: calc(65% - .5rem) calc(35% - .5rem);
    grid-template-rows: 40px auto auto;
    row-gap: var(--spacing--l);
	column-gap: 1rem;
}


.jet-mobile-menu__body,
.jet-mobile-menu__after-template{
	grid-column: span 2;
}

.jet-mobile-menu__container-inner{
	padding: var(--spacing--l);
}

.jet-mobile-menu__after-template{
	margin-top: auto;
}

.jet-mobile-menu__items:before{
	content: "Menü";
	display: flex;
	font-size: var(--headline-s);
	font-weight: 500;
	color: var( --e-global-color-aec78cd );
}

.jet-mobile-menu__item a .jet-menu-item-wrapper span.jet-menu-label{
	font-size: var(--headline-s);
	color: var(--e-global-color-secondary);
	font-weight: 700;
}

.jet-mobile-menu__item a:hover .jet-menu-item-wrapper span.jet-menu-label{
	color: var(--e-global-color-aec78cd);
}
/*
ul.jet-mobile-menu__items{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	gap: var(--spacing--s);
}*/

ul.jet-mobile-menu__items li,
ul.jet-mobile-menu__items li > div{
	padding-bottom: var(--spacing--s);
	padding-top: 0;
}

ul.jet-mobile-menu__items li:after{
	content: "";
	display: flex;
	width: 100%;
	height: 2px;
	background-color: var(--e-global-color-cbf10dc);
}

.jet-mobile-menu__items li:first-child,
ul.jet-mobile-menu__items li:first-child > div{
	padding-top: var(--spacing--s);
}

.jet-mobile-menu__items li:first-child:before{
	content: "";
	display: flex;
	width: 100%;
	height: 2px;
	background-color: var(--e-global-color-cbf10dc);
}

.jet-ajax-search__submit{
	margin: 0!important;
	aspect-ratio: 1;
	height: 40px;
	width: 40px;
}

.jet-ajax-search__form{
	height: 40px;
}

.jet-ajax-search__field[type="search"], .jet-ajax-search__field[type="search"]:focus, 
.jet-ajax-search-block .jet-ajax-search__field[type="search"], 
.jet-ajax-search-block .jet-ajax-search__field[type="search"]:focus{
	outline: 0;
}

.jet-mobile-menu__breadcrumbs{
	display: none;
}

.jet-mobile-menu__back{
	gap: .5rem;
}

.jet-mobile-menu__back[aria-label="Back to Prev Items"]{
	flex-direction: row-reverse;
}

.jet-mobile-menu__back i{
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--e-global-color-aec78cd);
    border-radius: 4px;
	color: var(--e-global-color-fb33ce7)
}

.jet-mobile-menu__back[aria-label="Back to Prev Items"] span,
.jet-mobile-menu__back[aria-label="Close Menu"]:before {
	font-size: var(--headline-body);
	font-weight: 500;
	color: var( --e-global-color-aec78cd );
	margin: 0;
}


.jet-mobile-menu__back[aria-label="Close Menu"]:before {
	content: "schließen";
	display: flex;
}

/* buttons
----------------------------------------*/

.btn.secondary .elementor-button {
	background-color: #ffffff;
	border-color: var(--e-global-color-99003ff);
	color:  var(--e-global-color-99003ff);
}


.btn.secondary .elementor-button:hover{
	border-color: var(--e-global-color-aec78cd);
	color: var(--e-global-color-aec78cd);
}


.elementor-widget.btn:not(.elementor-widget-button) a{
	font-family: var(--e-global-typography-6204a03-font-family), Sans-serif;
    font-size: var(--e-global-typography-6204a03-font-size);
    font-weight: var(--e-global-typography-6204a03-font-weight);
    line-height: var(--e-global-typography-6204a03-line-height);
	border-radius: 4px 4px 4px 4px;
    padding: 16px 24px 16px 24px;
}

.elementor-widget.btn.link:not(.elementor-widget-button) a,
.elementor-widget.btn.link a{
	background-color: transparent;
    border: none;
    color: var(--e-global-color-99003ff);
}

.elementor-widget.btn.link a:hover,
.elementor-widget.btn.link:not(.elementor-widget-button) a:hover{
	color: var(--e-global-color-aec78cd);
}

.elementor-widget.btn.link a:hover svg path,
.elementor-widget.btn.link:not(.elementor-widget-button) a:hover svg path{
	fill: var(--e-global-color-aec78cd);
}

.elementor-widget.btn.link:is(.elementor-widget-button) a{
	padding: 0;
}

.elementor-button-content-wrapper{
	gap: var(--spacing--xxs);
}

.elementor-widget.btn.link:is(.elementor-widget-button) a svg{
	height: 12px;
}

.elementor-widget.btn.link:is(.elementor-widget-button) .elementor-button-text{
	text-decoration: underline;
	text-underline-offset: 2px;
}


/* product - technical details
----------------------------------------*/

.product_table table{
    margin: 0;
}

.product_table table th,
.product_table td{
    border: none;
    font-size: 16px;
    line-height: 1;
    padding: 9px 6px;
    font-weight: 500;
    color: var(--e-global-color-primary);
}

.product_table tr th{
	padding-left: 20px;
}

.product_table tr td{
	padding-right: 20px;
}

.product_table table tbody>tr:nth-child(odd)>td, 
.product_table table tbody>tr:nth-child(odd)>th{
    background-color: #ffffff;
}

.product_table table tbody>tr:nth-child(even)>td, 
.product_table table tbody>tr:nth-child(even)>th{
    background-color: var(--e-global-color-cbf10dc);
}


.product_table table th{
    text-align: left;
}

.product_table table td{
    text-align: right;
}

/* accordion widget
----------------------------------------*/

/*-- vars --*/

.elementor-widget-n-accordion{
    --n-accordion-padding: 19px;
    --n-accordion-border-color: var(--e-global-color-cbf10dc);
    --n-accordion-border-width: 1.5px;
    --n-accordion-border-radius: 8px;
    --n-accordion-icon-size: 20px;
}

.e-n-accordion{
    gap: var(--spacing--xs);
    display: flex;
    flex-direction: column;
}

.e-n-accordion-item{
    border: solid var(--n-accordion-border-width) var(--n-accordion-border-color);
    border-radius: var(--n-accordion-border-radius);
}

/*-- header font --*/

.elementor-widget-n-accordion .e-n-accordion-item-title-text{
    font-family: var(--e-global-typography-9ae44f2-font-family), Sans-serif;
    font-size: var(--e-global-typography-9ae44f2-font-size);
    font-weight: 600;
    line-height: var(--e-global-typography-9ae44f2-line-height);
}

.elementor-widget-n-accordion .e-n-accordion-item-title{
    border: 0;
}

/*-- toggle + active state --*/

.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-text{
    color: var(--e-global-color-aec78cd);
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened{
    display: flex;
}

.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened{
   transition: .25s;
}

.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened svg path{
    fill: var(--e-global-color-aec78cd);;
}

.elementor-widget-n-accordion .e-n-accordion-item:not([open])>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened{
   transform: rotate(90deg);
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed{
    display: none;
}

/*-- hover --*/

.elementor-widget-n-accordion .e-n-accordion-item:hover>.e-n-accordion-item-title .e-n-accordion-item-title-text{
     color: var(--e-global-color-aec78cd);
}


.elementor-widget-n-accordion .e-n-accordion-item:hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened svg path{
    fill: var(--e-global-color-aec78cd);;
}

/*-- content --*/

.e-n-accordion-item-title + .e-con{
    padding: var(--n-accordion-padding);
    padding-top: 0px;
    border-top: 0;
     border: 0;
     margin-top: -9px;
}

.elementor-field-group .elementor-field-textual{
	min-height: 48px;
}

.elementor-field-group textarea.elementor-field-textual{
	padding-top: var(--spacing--s);
	padding-bottom: var(--spacing--s);
}

.elementor-field-type-acceptance{
	margin-bottom: var(--spacing--l)!important;
}

.elementor-field-type-acceptance .elementor-field-option{
	display: flex;
    gap: var(--spacing--xs);
    align-items: flex-start;
}

.elementor-form-fields-wrapper.elementor-labels-above{
	margin-left: calc((var(--spacing--s) / 2) * -1);
    margin-right: calc((var(--spacing--s) / 2) * -1);
}

.elementor-widget-n-accordion{
	--n-accordion-padding: var(--spacing--s);
}


/*-- slider  --*/

:root{
    --slider-btn-size: 40px;
}

/*-- btn  --*/
.slider-v1.elementor-element.elementor-pagination-position-outside .swiper, .slider-v1.elementor-lightbox.elementor-pagination-position-outside .swiper{
    padding-bottom: calc((var(--slider-btn-size)) + (var(--spacing--l)));
}

.slider-v1.elementor-element .swiper~.elementor-swiper-button{
    height: var(--slider-btn-size);
    width: var(--slider-btn-size);
    padding: 0;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: auto;
    border-radius: 2px;
    border: solid 1.5px var( --e-global-color-aec78cd );
}

.slider-v1  .swiper~.elementor-swiper-button.swiper-button-disabled{
    opacity: 1;
    background-color: #ffffff;
}

.slider-v1  .swiper~.elementor-swiper-button.swiper-button-disabled svg path{
    fill: var( --e-global-color-aec78cd )!important;
}

.slider-v1.elementor-element .swiper~.elementor-swiper-button svg path{
    fill: #ffffff;
    width: 20px;
    height: auto;
}

.slider-v1.elementor-element .swiper~.elementor-swiper-button.elementor-swiper-button-prev{
    left: auto;
    right: 0;
    right: calc((var(--slider-btn-size)) + (var(--spacing--xs)))
}

/*-- pagination --*/

.slider-v1.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet, .slider-v1.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0!important;
}

.slider-v1.elementor-widget-n-carousel .swiper-pagination-bullets{
    display: flex;
    gap: var(--spacing--xs);
}

.slider-v1 .jet-slick-dots li,
.slider-v1 .swiper-pagination-bullet{
    height: 3px;
    width: 54.5px;
    border-radius: 0;
    background-color: var( --e-global-color-aec78cd );
	opacity: 1;
}

.slider-v1 .jet-slick-dots li,
.slider-v1 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
    background-color: var(--e-global-color-45d8405);
  
}

.slider-v1 .jet-slick-dots li.slick-active,
.slider-v1 .jet-slick-dots li:hover,
.slider-v1 .swiper-pagination-bullet:hover{
	background-color: var( --e-global-color-aec78cd );
}

.slider-v1 .jet-listing-grid__item {
	padding-bottom: var(--spacing--l)!important;
}

.slider-v1 .jet-slick-dots{
	margin: 0;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--spacing--xs);
}

.slider-v1 .jet-slick-dots li{
	margin: 0;
}

/*-- slider visibility --*/

.visible-slider .swiper{
	overflow: visible;
}


.country-selector{
	z-index: 10;
}