.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-cda8a9f:#FFFFFF;--e-global-color-2864fe4:#FF0000;--e-global-color-4746b2b:#000000;--e-global-color-25196a0:#E78200;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-size:20px;line-height:29px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-25196a0 );}.elementor-kit-6 h2{font-size:54px;}.elementor-kit-6 h4{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:16px;}.elementor-kit-6 h2{font-size:33px;}.elementor-kit-6 h3{font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body{overflow-x:hidden;}
.headerslider .elementor-background-overlay {height:200px; bottom:0 !important; top:auto !important;}}

/* === IMAGE BOX === */
.elementor-image-box-content {
  padding: 0px 15px 15px 15px;
}

/* === FLIP BOX QUADRATISCH === */
.square .elementor-flip-box {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

/* === STICKY HEADER === */
header.sticky-header {
  --header-height: 80px;
  --shrink-header-to: 0.6;
  --transition: .45s cubic-bezier(.4, 0, .2, 1);
  background-color: rgba(244, 245, 248, 0);
  transition:
    background-color var(--transition),
    backdrop-filter var(--transition),
    box-shadow var(--transition);
}

header.sticky-header > .elementor-container {
  min-height: var(--header-height);
  transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects {
  background-color: rgba(244, 245, 248, .8);
  box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

header.sticky-header.elementor-sticky--effects > .elementor-container {
  min-height: calc(var(--header-height) * var(--shrink-header-to));
}

header.sticky-header.elementor-sticky--effects > .elementor-element-populated,
header.sticky-header.elementor-sticky--effects .elementor-element-populated {
  align-content: center !important;
  align-items: center !important;
}

/* === LOGO VERKLEINERN OHNE UNSICHTBAREN RAHMEN === */
@media only screen and (min-width: 767px) {
  header.sticky-header .logo img,
  header.sticky-header .logo-apo img,
  header.sticky-header .logo-zusatz img {
    transition: transform var(--transition), width var(--transition), height var(--transition);
    max-height: 100%;
  }

  /* Standardgrößen */
  header.sticky-header .logo img {
    height: 96px;
  }

  /* Verkleinert in Sticky-Modus */
  header.sticky-header.elementor-sticky--effects .logo img {
    height: 60px; /* z. B. 60px * 0.6 */
    transform: none;
  }

  header.sticky-header .logo-apo img {
    height: 60px;
  }

  header.sticky-header.elementor-sticky--effects .logo-apo img {
    height: 36px;
    transform: none;
  }

  header.sticky-header .logo-zusatz img {
    height: 40px;
    transform-delay: 950ms;
  }

  header.sticky-header.elementor-sticky--effects .logo-zusatz img {
    height: 0px;
    opacity: 0;
    transition: opacity 0.3s ease-out;
  }

  header.sticky-header.elementor-sticky--effects .logo-zusatz {
    display: none;
  }
}

/* === MOBILE HEADER KÜRZER === */
@media only screen and (max-width: 767px) {
    
    
    .headerslider .elementor-background-overlay {height:160px; bottom:0 !important; top:auto !important;}}


  header.sticky-header {
    --header-height: 50px;
  }

  .nav-wrapper-mobile .elementor-widget-wrap {
    background: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .headerslider .swiper-slide-inner {
    padding: 30px;
  }
}

/* === LEISTUNGEN TABS === */
.leistungliste .elementor-tab-title.elementor-active {
  background-color: orange !important;
  border-radius: 0 !important;
  font-weight: bold;
}

.leistungliste .elementor-active .elementor-tab-title {
  font-weight: bold !important;
}

.leistungliste .elementor-tab-title {
  border-radius: 10px !important;
}

.leistungliste .elementor-accordion-item {
  margin: 5px;
  float: left;
}

/* === STICKYNAV BUTTON === */
.stickynav-title.first {
  border-width: 0 !important;
}

.stickynav-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #b2dfdb;
  transition: background-color 0.3s, transform 0.3s;
  cursor: pointer;
  color: #333;
}

.stickynav-title:hover {
  background-color: #00796b;
  transform: scale(1.1);
  color: white;
}

.stickynav-title::after {
  content: attr(title);
  position: absolute;
  right: 120%;
  white-space: nowrap;
  background-color: #333;
  color: white;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, right 0.3s;
}

.stickynav-title:hover::after {
  opacity: 1;
  right: 110%;
}

/* === TEXT STYLE === */
.cff-text {
  font-size: 15px !important;
  line-height: 20px !important;
  font-family: Roboto, sans-serif;
  font-weight: normal;
}


.cmplz-placeholder-1 {height:30vh !important;}


/* Hauptmenüpunkte */
.mobilemenu .elementor-nav-menu--dropdown > li > a.elementor-item {
    font-size: 1.6rem !important;
}

/* Untermenüpunkte */
.mobilemenu .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item {
    font-size: 0.8rem !important;
    color:#FFF !important;
}

/* Hintergrundfarbe für Submenüs */
.mobilemenu .elementor-nav-menu--dropdown .sub-menu {
    background-color: #e78200 !important;
    color:#FFF !important;
}

/* Höhe (Padding) der Untermenüpunkte reduzieren */
.mobilemenu .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Regular.woff2') format('woff2'),
		url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Medium.woff2') format('woff2'),
		url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Italic.woff2') format('woff2'),
		url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Bold.woff2') format('woff2'),
		url('https://www.j-apotheken.de/wp-content/themes/hello-theme-child-master/fonts/Roboto-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */