/* 
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 */


/* Global Settings */ 


/* sections
-------------------------------*/

html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

@media (min-width: 320px) {
	.wrapper {
	  padding:0 24px;}
}
	
@media (min-width: 768px) {
	.wrapper {
	  padding:0 32px;}
}	
	
@media (min-width: 1024px) {
	.wrapper {
	  padding:0 40px;}
}	

/* padding-sizes */ 

@media (min-width: 320px){
	
	.pt-s {padding-top: 8px;}
	
	.pt-m {padding-top: 16px;}
	
	.pt-l {padding-top: 24px;}
	
	.pt-xl {padding-top: 48px;}
	
	.pt-xxl {padding-top: 64px;}
	
	.pb-s {padding-bottom: 8px;}
	
	.pb-m {padding-bottom: 16px;}
	
	.pb-l {padding-bottom: 24px;}
	
	.pb-xl {padding-bottom: 48px;}
	
	.pb-xxl {padding-bottom: 64px;}
}

@media (min-width: 768px) {
	
	.pt-s {padding-top: 16px;}
	
	.pt-m {padding-top: 24px;}
	
	.pt-l {padding-top: 40px;}
	
	.pt-xl {padding-top: 64px;}
	
	.pt-xxl {padding-top: 80px;}
	
	.pb-s {padding-bottom: 16px;}
	
	.pb-m {padding-bottom: 24px;}
	
	.pb-l {padding-bottom: 40px;}
	
	.pb-xl {padding-bottom: 64px;}
	
	.pb-xxl {padding-bottom: 80px;}
}

@media (min-width: 1024px) {
	
	.pt-s {padding-top: 16px;}
	
	.pt-m {padding-top: 32px;}
	
	.pt-l {padding-top: 56px;}
	
	.pt-xl {padding-top: 80px;}
	
	.pt-xxl {padding-top: 120px;}
	
	.pb-s {padding-bottom: 16px;}
	
	.pb-m {padding-bottom: 32px;}
	
	.pb-l {padding-bottom: 56px;}
	
	.pb-xl {padding-bottom: 80px;}
	
	.pb-xxl {padding-bottom: 120px;}
    }


/* Button Start */

.elementor-button {
	display: inline-block;
	line-height: 1;
	text-align: center;
	transition: all .3s;
	font-family: "Hanken Grotesk", sans-serif;
	line-height: 120%;
	font-weight: 500;
}

.elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 5px!important;
    align-items: center;
}

.elementor-button-icon svg {
    width: 1.5em;
    fill: #005EED;
    display: flex;
    justify-content: center;
    align-items: center;
}

.elementor-button:hover svg {
    transform: translateX(4px);
  }

.elementor-button span {
    margin: 0;
    position: relative;
    color: var(--primary-color);
	text-align: left;
  }

  .elementor-button:hover {
  transform:scale(1.0125);
  font-weight: 500;
  }
  

/* Button End */	
	
/* Button Primary Start */

.btn-primary .elementor-button {
        background-color: #1B2229 !important;
		color: #fff;
        padding: 12px 24px;
        border-radius: 40px !important;
    }
	

.btn-primary .elementor-button:hover, .elementor-button:focus {
	background-color: #fff!important;
	color:  #1B2229 !important;
	border: 1px solid #1B2229;
   
}


/* Button Primary End */
	
/* Button Primary light Start */

.btn-primary-light .elementor-button {
    background-color: #fff!important;
    color: #1B2229;
    padding: 12px 24px;
    border-radius: 40px !important;
}

.btn-primary-light .elementor-button:hover, .elementor-button:active {
	background-color: #FFDE54 !important;
	color:  #1B2229 !important;
	padding: 12px 24px;
}

	
/* Button Primary light End */	
	
/* Button Secondary Start */
	
.btn-secondary .elementor-button {
    background-color: rgba(255, 255, 255, 0)!important;
    color:  #1B2229!important;
    padding: 12 24px;
    border-radius: 40px !important;
	border: 1px solid  #1B2229;
}

.btn-secondary .elementor-button:hover, .elementor-button:active {
	color: #fff !important;
	background-color:  #1B2229 !important;
}	



/* Button Secondary End */	
	
/* Button Secondary light Start */
	
.btn-secondary-light .elementor-button {
        background-color: rgba(255, 255, 255, 0) !important;
        color: #fff!important;
		border-radius: 40px;
		border: 1px solid #fff;
    }

.btn-secondary-light .elementor-button:hover, .elementor-button:active {
	color:  #1B2229 !important;
	background-color: #fff !important;
}	
	
/* Button Secondary light End */


/* Button Tertiary Start */
	
.btn-tertiary .elementor-button {
    background-color: rgba(255, 255, 255, 0) !important;
    border-width: 0px!important;
    border-color: #11232D!important;
    padding: 12px 0px; 
    margin-top: 12px; 
}

.btn-tertiary .elementor-button:hover, .elementor-button:active {
	color: #1B2229!important;
	background-color: rgba(255, 255, 255, 0);
	border-width: 0px!important;
}	

.btn-tertiary .elementor-button-icon svg {
fill:  #005EED;
padding-top: 4px;	
}

.btn-tertiary .elementor-button:hover .elementor-button-icon svg {
fill: #1B2229;
}
	
/* Button Tertiary End */

/* Button Tertiary light Start */
	
.btn-tertiary-light .elementor-button {
    background-color: rgba(255, 255, 255, 0) !important;
	border-width: 0px!important;
    padding: 12px 0px; 
    margin-top: 12px; 
}

.btn-tertiary-light .elementor-button:hover, .elementor-button:active {
	color: #FFDE54!important;
	background-color: rgba(255, 255, 255, 0);
	border-width: 0px!important;
}	

.btn-tertiary-light .elementor-button-icon svg {
fill:  #fff;
padding-top: 4px;	
}

.btn-tertiary-light .elementor-button:hover .elementor-button-icon svg {
fill: #FFDE54;
}
	
/* Button Tertiary light End */




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

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

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

:root {
	--color-primary: #000000;
	--color-primary-hover: #272727;
}

/* 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);
}


/* Listing Slider */ 

.slider .jet-listing-grid__slider .jet-slick-dots li {
    width: 80px;
    height: 6px;
    border-radius: 8px;
}

 .jet-listing-grid__slider-icon {
    border-radius: 40px;
}
 .jet-listing-grid__slider-icon:hover {
    border: 1px solid #A2A7AB;
}



/* FAQ */ 

.faq .e-n-accordion-item .e-n-accordion-item-title {
	font-weight: 600!important;
}

.faq .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-width: 1px 1px 0px 1px !important;
    border-radius: 32px 32px 0px 0px !important;
	font-weight: 600!important;
}

.faq .elementor-element.e-con-full.e-flex.e-con.e-child {
	border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: var(--e-global-color-800aa80);
    --border-radius: 0px 0px 32px 32px;
}


/* No Listings */ 

.jet-listing-not-found.jet-listing-grid__items {
    text-align: left;
}

/*-- function list --*/

@media (min-width: 768px) {
	.function_list .is_tooltip_text.mobil {
		display: none;
		opacity: 0;
	}
}

@media (max-width: 768px){
	.function_list .tooltip_text_wrapper{
		display: none;
	}
}

.function_list .is_tooltip_pdf,
.function_list .is_tooltip_video,
.function_list .is_tooltip_text.desktop {
	opacity: 0;
	transition: .3s;
	position: absolute;
    left: 100%;
    padding: .75rem;
    width: 100%;
    background-color: #1a2229;
    color: #ffffff;
    border-radius: 1rem;
    bottom: calc(100% + .5rem);
    z-index: 1;
    min-width: 330px;
	transform: translateX(10%);
	z-index: -1;
}

.function_list tr.show_tooltip .is_tooltip_text.desktop {
	display: flex;
	opacity: 1;
	transform: translateX(0);
	z-index: 1;
}


.function_list .is_tooltip_pdf,
.function_list .is_tooltip_video{
	width: auto !important;
    max-width: none!important;
	min-width: auto;
    display: inline-block;
    white-space: nowrap;
}

.function_list tr.show_tooltip_pdf  .is_tooltip_pdf,
.function_list tr.show_tooltip_video .is_tooltip_video{
	display: flex;
	opacity: 1;
	z-index: 1;
	transform: translateX(0);
}

.function_list .is_icon_tooltip{
	transition: .5s;
}

.function_list tr.show_tooltip .is_icon_tooltip.for_pdf,
.function_list tr.show_tooltip .is_icon_tooltip.for_video{
	opacity: .125;
}

.function_list tr.show_tooltip_video .for_tooltip.for_tooltip,
.function_list tr.show_tooltip_video .is_icon_tooltip.for_pdf{
	opacity: .125;
}

.function_list tr.show_tooltip_pdf .is_icon_tooltip.for_tooltip,
.function_list tr.show_tooltip_pdf .is_icon_tooltip.for_video{
	opacity: .125;
}

.is_function_name {
	height: 100%;
}

.is_function_name .elementor-widget-container{
	display: flex;
    align-items: center;
}

.function_list .function_name .is_icon_tooltip .elementor-icon{
    display: flex;
    padding: .5rem;
    background-color: #F3F6F9;
    border-radius: 3rem;
	width: 2.125rem;
    height: 2.125rem;
    align-items: center;
    justify-content: center;
}

.function_list .function_name .elementor-widget-icon svg{
    height: 1.12rem;
}

@media (max-width: 768px){
	.function_list .function_name .is_icon_tooltip .elementor-icon{
		width: 1.75rem;
    	height: 1.75rem;
		padding: .45rem;
	}
	
	.function_list .function_name .elementor-widget-icon svg{
		height: 1rem;
	}
}

/* SVG/Path sollen keine eigenen Hover-Targets sein */
.function_list .is_icon_tooltip svg,
.function_list .is_icon_tooltip svg * {
  pointer-events: none;
}

/* optional: sorgt dafür, dass der Wrapper wirklich eine Fläche hat */
.function_list .is_icon_tooltip,
.function_list .is_icon_tooltip .elementor-icon-wrapper,
.function_list .is_icon_tooltip .elementor-icon {
  display: inline-flex;
	
}


.function_list .jet-dynamic-table__body tr:nth-child(odd) .function_name  .is_icon_tooltip .elementor-icon:hover{
	background-color: #F3F6F9;
}



/* table
------------------------*/ 

@media (min-width: 768px) {
	.jet-dynamic-table__header th:first-child {
	  width: 55%;
	}
	
	.jet-dynamic-table__header th:not(:first-child){
		width: 15%;
	}
	
	.function_list .jet-dynamic-table .jet-dynamic-table__header tr th svg{
		display: none;
	}
}

.function_list  table thead .jet-dynamic-table__col--base{
	color: var( --e-global-color-accent );
}

.function_list  table thead .jet-dynamic-table__col--manufacturing{
	color: var( --e-global-color-secondary );
}


.function_list  table thead .jet-dynamic-table__col--supplychain{
	color: var( --e-global-color-91518d7 );
}


@media (max-width: 768px) {
	.elementor-1022 .elementor-element.elementor-element-9f4fe60{
		gap: 1.5rem!important;
	}
	
	.elementor-element .jet-dynamic-table .jet-dynamic-table__header .jet-dynamic-table__col{
		padding-bottom: 0!important;
	}
	
	.function_list .jet-dynamic-table{
		display: flex;
    	flex-direction: column;
	}
	
	.function_list .jet-dynamic-table .jet-dynamic-table__header tr th:first-child{
		display: flex;
    flex-direction: row;
		    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;

	}
	

	
	.function_list .jet-dynamic-table .jet-dynamic-table__header tr th svg{
		width: 1rem;
		transition: .25s;
	}
	
		.function_list.jet-table-accordion--open .jet-dynamic-table .jet-dynamic-table__header tr th svg{
			transform: rotate(180deg);
	}
	
	.function_list{
    padding: 1.25rem 1.5rem;
    border: solid 1px #A3A6AB75;
    border-radius: 16px;
}
	
	.function_list tbody{
		padding-top: 16px;
	}
	
	.function_list tbody tr:not(:last-child) {
		border-bottom: 1px solid #A3A6AB;
		padding-bottom: .875rem;
		margin-bottom: .875rem;
	}
	
	.jet-dynamic-table__header th:first-child{
		border: none!important;
		padding: 0;
	}
	
	/* 1) Im THEAD nur die erste Spalte anzeigen */
.jet-dynamic-table__header th:not(:first-child) {
  display: none;
}

/* Optional: erste Head-Zelle darf gern breiter sein */
.jet-dynamic-table__header th:first-child {
  width: 100%;
}

/* 2) In den Body-Zeilen die 3 Paket-Spalten nicht mehr als "eigene Spalten" darstellen,
      sondern als Inline-Infos unter dem Feature */
.jet-dynamic-table__row td.jet-dynamic-table__col--base,
.jet-dynamic-table__row td.jet-dynamic-table__col--manufacturing,
.jet-dynamic-table__row td.jet-dynamic-table__col--supplychain {
  display: inline-block;
  padding: 0;
  border: 0;
  vertical-align: top;
}

/* 3) Feature-Zelle bleibt "Hauptcontainer" */
.jet-dynamic-table__row td.jet-dynamic-table__col--ressourcen-undproduktionsmanagement {
  width: 100%;
}



  /* THEAD bleibt vorhanden, aber nur die erste Zelle */
  .jet-dynamic-table__header th:not(:first-child) {
    display: none;
  }

  /* Tabelle in Cards umwandeln */
  .jet-dynamic-table,
  .jet-dynamic-table tbody,
  .jet-dynamic-table tr {
    display: block;
    width: 100%;
  }



  /* Feature oben */
  .jet-dynamic-table__row td.jet-dynamic-table__col--ressourcen-undproduktionsmanagement {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
  }

  /* Pakete als Badges darunter */
  .jet-dynamic-table__row td.jet-dynamic-table__col--base,
  .jet-dynamic-table__row td.jet-dynamic-table__col--manufacturing,
  .jet-dynamic-table__row td.jet-dynamic-table__col--supplychain {
    display: inline-block;
    padding: 0;
    border: 0;
  }
	
	

	
	.function_list tr td.jet-dynamic-table__col--base .elementor-icon:after{
		content: "Base"
	}
	
	.function_list tr td.jet-dynamic-table__col--manufacturing .elementor-icon:after{
		content: "Manufacturing"
	}
	
	.function_list tr td.jet-dynamic-table__col--supplychain .elementor-icon:after{
		content: "Supplychain"
	}
	
	.function_list tbody td .elementor-element .elementor-icon{
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: .25rem;
	}
	
	.function_list tr td .elementor-icon:after{
		font-size: 12px;
	}
	
	.function_list tr td.jet-dynamic-table__col--base .elementor-icon svg,
	.function_list tr td.jet-dynamic-table__col--manufacturing .elementor-icon svg,
	.function_list tr td.jet-dynamic-table__col--supplychain .elementor-icon svg{
		height: 14px!important;
	}
	
	.function_list tbody td:not(:first-child) .elementor-widget-icon{
		margin-right: .5rem;
	}
}


/* Jet Navigation SLider */
.jet-listing-grid__slider .jet-slick-dots li {
    width: 80px !important;
    height: 6px !important;
    border-radius: 8px;
    margin-left: calc(12px / 2) !important;
    margin-right: calc(12px / 2) !important;
}

/* - - - - - - - */