/*
Theme Name: Ullmann Child
Theme URI: https://www.byoand.com/
Description: Theme Design by BYOAND
Author: BYOAND
Author URI: https://www.byoand.com/
Template: ullmann
Version: 1000.00.0
*/



/* Development by www.byoand.com. Last updated 08-Aug-2025*/
/* BYOAND DESIGN */


/* -----------------------------------
   Premium Sticky Header Effects (with !important)
   Add this to child theme style.css
   Replace .header-sticky with your header's class/ID
   ----------------------------------- */

/* Base header state (before scroll) */
.header-sticky {
  background-color: transparent !important; /* transparent at top */
  transform: translateY(0) !important; /* default position */
  transition: 
    background-color 0.4s ease,
    box-shadow 0.4s ease,
    transform 0.3s ease,
    backdrop-filter 0.4s ease !important;
  z-index: 999 !important;
}

/* Sticky header state (after scroll) */
.header-sticky.elementor-sticky--effects {
  /* 🔹 Fade-in background */
  background-color: rgba(28, 75, 66, 0.9) !important; /* adjust color */

  /* 🔹 Soft shadow */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;

  /* 🔹 Slide-down effect */
  transform: translateY(0) !important;

  /* 🔹 Blur / frosted glass effect */
  backdrop-filter: blur(10px) saturate(180%) !important;
}

/* Optional: slide header slightly up before sticky */
.header-sticky:not(.elementor-sticky--effects) {
  transform: translateY(-15px) !important; /* moves header up until scroll */
}


/* Base header state (before scroll) end */



/* Base header state (before scroll) LIGHT VERSION */
.header-sticky-light {
  background-color: transparent !important; /* transparent at top */
  transform: translateY(0) !important; /* default position */
  transition: 
    background-color 0.4s ease,
    box-shadow 0.4s ease,
    transform 0.3s ease,
    backdrop-filter 0.4s ease !important;
  z-index: 999 !important;
}

/* Sticky header state (after scroll) */
.header-sticky-light.elementor-sticky--effects {
  /* 🔹 Fade-in background */
  background-color: rgba(255, 255, 255, 0.7) !important; /* adjust color */

  /* 🔹 Soft shadow */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;

  /* 🔹 Slide-down effect */
  transform: translateY(0) !important;

  /* 🔹 Blur / frosted glass effect */
  backdrop-filter: blur(10px) saturate(180%) !important;
}

/* Optional: slide header slightly up before sticky */
.header-sticky-light:not(.elementor-sticky--effects) {
  transform: translateY(-15px) !important; /* moves header up until scroll */
}
/* Base header state (before scroll) LIGHT VERSION end */



/* -------client logo auto slide (LEFT)---------*/
#slow .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;   /* ensure one row, no wrapping */
  pointer-events: auto;
  will-change: transform;
}

#slow .swiper-slide,
#slow .swiper-wrapper > div:not(.swiper-slide) {
  flex: 0 0 auto;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#slow .swiper-slide img {
  height: 60px;
  object-fit: contain;
}


/* -------client logo auto slide 2right (RIGHT)---------*/
#slow_2right .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;   /* important for seamless scroll */
  pointer-events: auto;
  will-change: transform;
}

#slow_2right .swiper-slide,
#slow_2right .swiper-wrapper > div:not(.swiper-slide) {
  flex: 0 0 auto;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#slow_2right .swiper-slide img {
  height: 60px;
  object-fit: contain;
}


/* -------client logo right and left fade ---------*/
.sidefadez {
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
}
/* -------client logo right and left fade END---------*/

/* Contact form styling */

/* === Anrede (Herr / Frau / Divers) — inline label + single pill background === */

/* Pill container with label + options in one row */
.elementor-field-group-field_c183f15 {
 
  column-gap: 20px; 
    padding-top:19px!important;
    padding-bottom:19px!important;
    margin-left:12px!important;
    margin-right:12px!important;
    padding-left: 25px!important;
    border-radius: 999px;          
    background: #fff;
              
    box-sizing: border-box;
}


/* Unhide and place label inline (override elementor-screen-only) */
.elementor-field-group-field_c183f15 > label.elementor-field-label,
.elementor-field-group-field_c183f15 > label.elementor-field-label.elementor-screen-only {
  position: static !important;
  
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
 

}



/* --- Round checkbox styling (your working version, kept) --- */
#form-field-field_c183f15-0,
#form-field-field_c183f15-1,
#form-field-field_c183f15-2 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0 8px 0 0;              /* small gap before label text */
  border: 2px solid #2e7067;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease;
}

/* Checked state with Elementor's SVG check icon */
#form-field-field_c183f15-0:checked,
#form-field-field_c183f15-1:checked,
#form-field-field_c183f15-2:checked {
  background-color: #2e7067;
  border-color: #2e7067;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

/* === Custom Checkbox for Datenschutz (targeting the actual ID) === */
#form-field-field_7b781ca-0 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 8px 0 0;          /* gap before label text */
  border: 2px solid #256A6B;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease;
}

/* Checked state with SVG check icon and custom color */
#form-field-field_7b781ca-0:checked {
  background-color: #256A6B;
  border-color: #256A6B;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

/* Style label inline with checkbox */
#form-field-field_7b781ca-0 + label {
  cursor: pointer;
  font-weight: 400;
  line-height: 1.4;          /* adjust vertical alignment if needed */
}

/* Optional: spacing tweak for alignment */
#form-field-field_7b781ca-0 {
  margin-right: 8px;
}
/* Style the inline link inside the Datenschutz label */
#form-field-field_7b781ca-0 + label a {
    color: #256A6B;
    text-decoration: underline;   /* optional, makes it look clickable */
}

#form-field-field_7b781ca-0 + label a:hover {
    color: #1f5455;              /* optional hover shade for interaction */
}

/* === Custom Checkbox for Datenschutz (targeting the actual ID) end === */



/* Contact form styling end */