/*
Theme Name:   UserMindTheme
Description:  Schreibe hier eine kurze Beschreibung über dein Child-Theme
Author:       usermind
Author URL:   https://www.user-mind.de/
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  UserMindTheme
*/

/* Schreibe hier dein eigenes persönliches Stylesheet */

p {
 	-moz-hyphens: auto;
	-o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  	hyphens: auto;
}



b, strong {
    font-weight: 500!important;
}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {

    margin: 7px 0 10px 4px;
}

label  {

     padding-left: 6px;
	 vertical-align: baseline!important;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-box-header,
#BorlabsCookieBox .brlbs-flex .brlbs-basis-full {
  column-gap: 20px;
}

.brlbs-cmpnt-container .brlbs-basis-3\/12 {
    flex-basis: 20% !important;
}

@media (min-width: 1024px) {
    .brlbs-cmpnt-container .lg\:brlbs-basis-6\/12 {
        flex-basis: 60% !important;
    }
}

@media (min-width: 1024px) {
    .brlbs-cmpnt-container .lg\:brlbs-basis-3\/12 {
        flex-basis: 20% !important;
    }
}


/* =================================================================
 * 1.0 - HEADER HIDE ON SCROLL
 * ================================================================= */
:root {
    --scroll-progress: 0;
}

#stickyheaders {

    transition: 
        transform 0.34s ease,
        background 0.2s linear,
        backdrop-filter 0.2s linear,
        border-color 0.2s linear;

    /* Background */
    background: rgba(255,255,255, calc(0.55 * var(--scroll-progress)));

    /* Blur */
    backdrop-filter:
        blur(calc(24px * var(--scroll-progress)))
        saturate(calc(100% + (80% * var(--scroll-progress))));

    -webkit-backdrop-filter:
        blur(calc(24px * var(--scroll-progress)))
        saturate(calc(100% + (80% * var(--scroll-progress))));

    /* Border */
    border-bottom:
        1px solid rgba(0,0,0, calc(0.06 * var(--scroll-progress)));
}

#um_menue .elementor-widget-container {
    background-color:
        rgba(255,255,255,
        calc(0.54 * (1 - var(--scroll-progress))));
}


.headerup {
    -webkit-transform: translateY(-140px);
    -ms-transform: translateY(-140px);
    transform: translateY(-140px); /*adjust this value to the height of your header*/
}

.um_header_item_transparent i {
  color: white;
}

.um_header_item i {
  color: black;
}


.um_menue_transparent .elementor-menu-toggle i {
  color: white;
}

.um_menue .elementor-menu-toggle i {
  color: black;
}

.um-active {
  .elementor-item {
    color: #000000 !important; /* Schwarzer Text */
  }
  .um_header_item_transparent i {
    color: black;
  }
}



/** 
 UserMind:
 Zusätzliche Mobile Breakpoints absteigend einordnen
 Keine Breakpoints im regulaeren CSS einbinden !!!
*/





@media screen and (max-width: 1239px){
	
	
}


@media screen and (max-width: 1024px){
	
	

}

@media screen and (max-width: 959px){

    
}
 
 /* Ipad*/
@media screen and (max-width: 767px){
	

    
}

/* iPhone 6/7/8 PLUS*/
@media screen and (max-width: 414px){
	

}

/* iPhone 6/7/8 */
@media screen and (max-width: 375px){
    
}



/* iPhone 5 / 5S */
@media screen and (max-width: 320px){
    

}




/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/poppins-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/poppins-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/poppins-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../../fonts/poppins-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../../fonts/poppins-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/poppins-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/poppins-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../../fonts/poppins-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/poppins-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../../fonts/poppins-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}