/*
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,h1,h2,h3,h4,h5,h6 {
 	-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;
}


/* =================================================================
 * 1.0 - HEADER HIDE ON SCROLL
 * ================================================================= */

/* #stickyheaders {
    -webkit-transition: -webkit-transform 0.34s ease;
    transition: -webkit-transform 0.34s ease;
    -o-transition: transform 0.34s ease;
    transition: transform 0.34s ease;
    transition: transform 0.34s ease, -webkit-transform 0.34s ease;
}

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

.custom-wpml-switcher {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}
.custom-wpml-switcher .wpml-iso-link {
  color: var( --e-global-color-primary ); 
}
.custom-wpml-switcher a,
.custom-wpml-switcher span {
    text-decoration: none;
}
.custom-wpml-switcher .sep {
    margin: 0 0px;
}
.custom-wpml-switcher .wpml-iso-current {
    font-weight: 600;
}

body .um_slider_counter .swiper-pagination-fraction {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 220px;
    font-size: 0; /* hides the slash text node */
}

body .um_slider_counter .swiper-pagination-current {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    min-width: 2ch;
}

body .um_slider_counter .swiper-pagination-total {
    display: none;
}

body .um_slider_counter .custom-swiper-progress {
    position: relative;
    display: block;
    flex: 1;
    height: 2px;
    background: rgba(177, 214, 0, 0.25);
    overflow: hidden;
    pointer-events: none;
}

body .um_slider_counter .custom-swiper-progress::before {
    content: "";
    position: absolute;
    inset: 0;
    width: var(--progress, 0%);
    background: #B1D600;
    transition: width 300ms ease;
}

#header-circle:after {
	--circle-size: 24vw;
	content:'';
	height: var(--circle-size);
	width: var(--circle-size);
	border-radius: calc(var(--circle-size) / 2);
	border-width: calc(var(--circle-size) / 15);
	border-style: solid;
	border-color: var( --e-global-color-primary );
	position: absolute;
	right: calc(var(--circle-size) / -1.75);
	bottom: calc(var(--circle-size) / -3);
}
#header-circle-alt:after {
	--circle-size: 24vw;
	content:'';
	height: var(--circle-size);
	width: var(--circle-size);
	border-radius: calc(var(--circle-size) / 2);
	border-width: calc(var(--circle-size) / 15);
	border-style: solid;
	border-color: var( --e-global-color-primary );
	position: absolute;
	left: calc(var(--circle-size) / -1.75);
	top: calc(var(--circle-size) / 3);
}
.elementor-kit-547 button.custom-video-time-overlay {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 0;
  color: #fff;
  lineHeight: 1;
  cursor: pointer;
  border-radius: 10px;
  background: var( --e-global-color-secondary ) !important;
  font-size: 1rem !important;
}


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

    
}
 
 /* Tablet Portrait */
@media screen and (max-width: 767px){
	#header-circle:after,
	#header-circle-alt:after {
		display: none;
	}
}

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

}

@media screen and (min-width: 1025px) {
    [lang="en-US"] .elementor-5106 .elementor-element.elementor-element-a5e8faa,
    [lang="en-US"] .elementor-5106 .elementor-element.elementor-element-4858f6e {
        --column-gap: 76px;
        --padding-left: calc(100% - 744px);
    }
}


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




