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

#uc_fullscreen_navigation_menu_elementor_a8efc25 .ue_hamburger > div, #uc_fullscreen_navigation_menu_elementor_a8efc25 .ue_hamburger > div:before, #uc_fullscreen_navigation_menu_elementor_a8efc25 .ue_hamburger > div:after,
#uc_fullscreen_navigation_menu_elementor_6d56dd9 .ue_hamburger > div, #uc_fullscreen_navigation_menu_elementor_6d56dd9 .ue_hamburger > div:before, #uc_fullscreen_navigation_menu_elementor_6d56dd9 .ue_hamburger > div:after  {
    outline: transparent !important;
}




#um_hover_news .owl-item.uc-active-item.active,
#um_hover_news .owl-item.active {
  margin-bottom: 46px;
}

#um_hover_news .uc_image_carousel_container_holder.uc_carousel_item.ue-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 26px -12px rgba(0, 0, 0, 0.36);
}

:root {
    --screen-width: 350px; /* Setzt die Standardbreite auf 100% des Viewports */
}

.elementor-2767 .elementor-element.elementor-element-2c7df60 {
    width: var(--screen-width) !;
}

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

:root {
    --scroll-progress: 0;
    --transition-duration: 1.5s;
}

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

    /* Hintergrundanpassung basierend auf Scroll-Progress */
    background: rgba(255,255,255, calc(0.55 * var(--scroll-progress)));

    /* Blur-Effekt anpassen */
    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-Anpassung */
    border-bottom:
        1px solid rgba(0,0,0, calc(0.06 * var(--scroll-progress)));
}

#stickyheaders img[src*="image-23.png"]{
    transition: opacity .25s ease;
}

/* Neues Logo einblenden, wenn scroll ~0.65 
#stickyheaders img[src*="image-23.png"]{
    opacity: calc((var(--scroll-progress) - 0.65) * 10);
    content: url("https://emfret.um-dev.de/wp-content/uploads/2026/03/image-29.png");
}

*/

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

/* -------------------------------------------------------
   LOGO CROSSFADE (image-23 -> image-31) via --scroll-progress
   Start bei 0.65, Ende bei 1.00
------------------------------------------------------- */

/* -------------------------------------------------------
   LOGO CROSSFADE via .um-active (1.5s)
   - altes <img> fade OUT
   - ::after (neues Logo) fade IN
------------------------------------------------------- */

/* -------------------------------------------------------
   Definieren der Übergangszeit als CSS-Variable
------------------------------------------------------- */

/* 1) Logo-Wrapper positionieren */
#stickyheaders .elementor-widget-theme-site-logo a,
#stickyheaders .elementor-widget-site-logo a {
  position: relative;
  display: inline-block;
}

/* 2) Original-Logo: Default sichtbar + Transition */
#stickyheaders .elementor-widget-theme-site-logo img,
#stickyheaders .elementor-widget-site-logo img {
  display: block;
  opacity: 1;
  transition: opacity var(--transition-duration) ease;
}

/* 3) Overlay-Logo: Default unsichtbar + Transition */
#stickyheaders .elementor-widget-theme-site-logo a::after,
#stickyheaders .elementor-widget-site-logo a::after {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("https://emfret.um-dev.de/wp-content/uploads/2026/03/emfret_logo_dunkel_1.png");
  background-repeat: no-repeat;
  background-position: left center; /* ggf. center center */
  background-size: contain;

  opacity: 0;
  transition: opacity var(--transition-duration) ease;
  pointer-events: none;
}

/* 4) Wenn um-active: altes Logo ausblenden */
#stickyheaders.um-active .elementor-widget-theme-site-logo img,
#stickyheaders.um-active .elementor-widget-site-logo img {
  opacity: 0;
}

/* 5) Wenn um-active: neues Logo einblenden */
#stickyheaders.um-active .elementor-widget-theme-site-logo a::after,
#stickyheaders.um-active .elementor-widget-site-logo a::after {
  opacity: 1;
}

/* Hamburger-Icon: Wenn um-active, Hintergrundfarbe ändern */
#stickyheaders.um-active .elementor-element.elementor-element-a8efc25 .ue_hamburger .uc_line,
#stickyheaders.um-active .elementor-element.elementor-element-6d56dd9 .ue_hamburger .uc_line {
    background-color: #3966AA !important;
    transition: background-color var(--transition-duration) ease !important;
}

/* Wenn .um-active entfernt wird, zurück zu weiß mit Transition */
#stickyheaders:not(.um-active) .elementor-element.elementor-element-a8efc25 .ue_hamburger .uc_line,
#stickyheaders:not(.um-active) .elementor-element.elementor-element-6d56dd9 .ue_hamburger .uc_line {
    background-color: white !important;
    transition: background-color var(--transition-duration) ease !important;
}

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