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


/* layout
----------------------------------------*/

:root{
	--border-radius_base: 8px;
}

/* spacing
----------------------------------------*/
:root{
	--spacing_xxxs: clamp(0.25rem, 0.25vw + 0.2rem, 0.5rem);
	--spacing_xxs: clamp(0.5rem, 0.5vw + 0.4rem, 1rem);
	--spacing_xs: clamp(1.5rem, 0.5vw + 1.4rem, 2rem);
	--spacing_s: clamp(1.75rem, 1.25vw + 1.5rem, 3rem);
	--spacing_m: clamp(2rem, 2vw + 1.6rem, 4rem);
	--spacing_l: clamp(2.5rem, 2.5vw + 2rem, 5rem);
	--spacing_xl: clamp(2.75rem, 3.25vw + 2.1rem, 6rem);
	--spacing_xxl: clamp(3rem, 3.5vw + 2.3rem, 6.5rem);
	--spacing_xxxl: clamp(4rem, 8vw + 2.4rem, 12rem);
	--spacing_xxxxl: clamp(5rem, 10vw + 3rem, 15rem);
}

.section {
	padding-left: clamp(1.25rem, 0.0422rem + 6.0388vw, 6.5rem);
	padding-right: clamp(1.25rem, 0.0422rem + 6.0388vw, 6.5rem);
}

/* xxxs */
.section.t-xxxs {
    padding-top: var(--spacing_xxxs);
}

.section.b-xxxs {
    padding-bottom: var(--spacing_xxxs);
}

.section.xxxs {
    padding-top: var(--spacing_xxxs);
    padding-bottom: var(--spacing_xxxs);
}

/* xxs */
.section.t-xxs {
    padding-top: var(--spacing_xxs);
}

.section.b-xxs {
    padding-bottom: var(--spacing_xxs);
}

.section.xxs {
    padding-top: var(--spacing_xxs);
    padding-bottom: var(--spacing_xxs);
}

/* xs */
.section.t-xs {
    padding-top: var(--spacing_xs);
}

.section.b-xs {
    padding-bottom: var(--spacing_xs);
}

.section.xs {
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs);
}

/* s */
.section.t-s {
    padding-top: var(--spacing_s);
}

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

.section.s {
    padding-top: var(--spacing_s);
    padding-bottom: var(--spacing_s);
}

/* m */
.section.t-m {
    padding-top: var(--spacing_m);
}

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

.section.m {
    padding-top: var(--spacing_m);
    padding-bottom: var(--spacing_m);
}

/* l */
.section.t-l {
    padding-top: var(--spacing_l);
}

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

.section.l {
    padding-top: var(--spacing_l);
    padding-bottom: var(--spacing_l);
}

/* xl */
.section.t-xl {
    padding-top: var(--spacing_xl);
}

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

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

/* xxl */
.section.t-xxl {
    padding-top: var(--spacing_xxl);
}

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

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

/* xxxl */
.section.t-xxxl {
    padding-top: var(--spacing_xxxl);
}

.section.b-xxxl {
    padding-bottom: var(--spacing_xxxl);
}

.section.xxxl {
    padding-top: var(--spacing_xxxl);
    padding-bottom: var(--spacing_xxxl);
}

/* xxxxl */
.section.t-xxxxl {
    padding-top: var(--spacing_xxxxl);
}

.section.b-xxxxl {
    padding-bottom: var(--spacing_xxxxl);
}

.section.xxxxl {
    padding-top: var(--spacing_xxxxl);
    padding-bottom: var(--spacing_xxxxl);
}

/* font clamps
----------------------------------------*/
:root{
	--font-size_headline--xxl: clamp(2.5rem, 2.5rem + 4.5vw, 7rem);
	--font-size_headline--xl: clamp(2.25rem, 1.7rem + 2.75vw, 5rem);
	--font-size_headline--l: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
	--font-size_headline--m: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
	--font-size_headline--s: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
	--font-size_headline--xs: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
	--font-size_headline--xxs: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	--font-size_tagline: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
	--font-size_body: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	--font-size_body-s: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	--font-size_body-xs: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	--font-weight_regular: 400;
	--font-weight_semibold: 600;
	--font-weight_bold: 700;
	--line-height_160: 160%;
	--line-height_150: 150%;
	--line-height_120: 120%;
	--line-height_130: 130%;
}

/* button styles
----------------------------------------*/

/*-- primary | default --*/

.elementor-kit-10 .elementor-button,
.elementor-kit-10 .elementor-form .elementor-button{
	padding: 12px 32px;
	border-radius: 32px;
	background-color: var(--e-global-color-primary);
	color: var( --e-global-color-369bad6 );
	font-size: var(--font-size_body-s);
	line-height: var(--line-height_160);
}

.elementor-kit-10 .elementor-button:hover,
.elementor-kit-10 .elementor-form .elementor-button:hover{
	color: var( --e-global-color-369bad6 );	
}

/* primary small */

.elementor-button-primary_small .elementor-button{
	padding: 12px 24px;
	font-size: var(--font-size_body-xs);
}

/* primary hover */
.elementor-button:hover{
	background-color: var(--e-global-color-text);
}

/*-- ghost --*/

.elementor-button-ghost .elementor-button{
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	color: var(--e-global-color-primary);
	position: relative;
	line-height: var(--line-height_120);
	 position: relative;
}

.elementor-button-ghost .elementor-button-content-wrapper{
	padding-bottom: 4px;
}

/* ghost large */

.elementor-button-ghost_large .elementor-button{
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	color: var(--e-global-color-primary);
	position: relative;
	line-height: var(--line-height_150);
	font-size: var(--font-size_headline--xs);
	 position: relative;
}


.elementor-button-ghost_large .elementor-button-content-wrapper{
	padding-bottom: 2px;
}

/* ghost underline */
.elementor-button-ghost_large .elementor-button:after,
.elementor-button-ghost .elementor-button:after,
.elementor-heading-title a:after{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: 1px;
	background-color: var(--e-global-color-primary);
	left: 0;
}

.elementor-heading-title a{
    position: relative;
}


.elementor-heading-title a:after {
	background-color: var( --e-global-color-6ec027d );
}


/* ghost hover */
.elementor-button-ghost_large .elementor-button:hover,
.elementor-button-ghost .elementor-button:hover{
	color: var(--e-global-color-6ec027d);
}
.elementor-button-ghost_large .elementor-button:hover:after,
.elementor-button-ghost .elementor-button:hover:after{
	background-color: var(--e-global-color-6ec027d);
}


.elementor-button-ghost_large .elementor-button:hover:after,
.elementor-button-ghost .elementor-button:hover:after,
.elementor-heading-title a:hover:after{
    animation-name: example;
    animation-duration: 1s;
}


@keyframes example{
    0%  {
            width: 0;
    }
    
    100%    {
        width: 100%;
    }
}






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


/* slider
----------------------------------------*/

:root{
	--slider-btn-size: 2rem;
	--slider-controls-gap: 1.25rem;
	--slider-btn-gap: 0rem;
	--slider-btn-bar-gap: 1.5rem;
	--slider-btn-svg-size: .875rem;
}

@media (min-width: 768px){
	:root{
		--slider-btn-size: 1.5rem;
		--slider-controls-gap: 2rem;
		--slider-btn-gap: 1rem;
		--slider-btn-bar-gap: 2rem;
		--slider-btn-svg-size: 1rem;
	}
}


.elementor-widget-n-carousel{
	margin-bottom: calc((var(--slider-btn-size)) + (var(--slider-controls-gap)))!important;
}

.elementor-swiper-button {
	height: var(--slider-btn-size);
	width: var(--slider-btn-size);
	background-color: var(--e-global-color-primary);
	background-color: transparent;
	left: auto!important;
	right: 0!important;
	top: auto!important;
	bottom: calc(((var(--slider-btn-size)) + (var(--slider-controls-gap))) * -1);
	align-items: center;
    justify-content: center;
	border-radius: var(--slider-btn-size);
}

.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled{

	background-color: var(--e-global-color-accent);
	background-color: transparent;
}

.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled svg path{
	fill: var(--e-global-color-d3b9ed1);
	opacity: 1;
}

.elementor-swiper-button.elementor-swiper-button-prev{
	right: calc(((var(--slider-btn-size)) + (var(--slider-btn-gap))))!important;
}

.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar, 
.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-progressbar{
	top: auto;
	bottom: calc((((var(--slider-btn-size)) / 2) + (var(--slider-controls-gap))) * -1);
	width: calc(100% - (((((var(--slider-btn-size))) * 2) + ((var(--slider-btn-gap))) * 1) + (var(--slider-btn-bar-gap))) );
}

.elementor-element .swiper~.elementor-swiper-button svg{
	width: var(--slider-btn-svg-size);
	height: var(--slider-btn-svg-size);
}

.elementor-element .swiper~.elementor-swiper-button svg path{
	fill:var(--e-global-color-6ec027d);
}

.swiper-pagination-progressbar{
	background-color: var(--e-global-color-a11ebc8);
}

.elementor-widget-n-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background-color: var(--e-global-color-primary);
}