/*
 Theme Name:   Divi Child
 Description:  BRAINFLOW
 Author:       SISTERHOOD
 Author URI:   https://www.sisterhood-berlin.de
 Template:     Divi
 Version:      1.0
 Text Domain:  divi-child
*/

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('http://localhost:10114/wp-content/fonts/inter-v18-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('http://localhost:10114/wp-content/fonts/inter-v18-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('http://localhost:10114/wp-content/fonts/inter-v18-latin-600.woff2') format('woff2');
}


body {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  font-size: 16px;
  color: #3C3550;
}

h1 {
  font-size: 35px !important;
  color: #fff;
  line-height: 1.3;
}

h2 {
  font-size: 35px !important;
  line-height: 1.3;
}

h3 {
  font-size: 18px !important;
  line-height: 1.3;
  font-weight: 400 !important;
}

h4, .ti-name {
  font-size: 28px !important;
  font-weight: 600;
}

h5 {
  font-size: 23px !important;
  line-height: 1.3;
  font-weight: 400;
}

p {
  font-size: 16px;
}

/* sticky button */
.sticky-infobox {
  position: fixed;
  top: 65vh; 
  right: 0;
  transform: translateY(-50%);
  z-index: 9999;

  background-color: rgba(139, 209, 208, 0.9);
  border-radius: 90px 0 0 90px;
  width: 140px;
  height: 140px;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  font-family: sans-serif;
  font-size: 14px;
  color: #3D3650;
  text-align: center;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.sticky-infobox:hover {
  transform: translateY(-50%) scale(1.05);
}

.sticky-infobox a {
  color: #3D3650;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sticky-infobox img {
  width: 60px; 
  height: auto;
  margin-bottom: 8px;
}

.sticky-infobox strong {
  font-weight: 700;
}
/* sticky button */

/* Kontaktformular */
.et_contact_bottom_container {
  display: flex;
  justify-content: center;
  width: 100%;cid:18E80B31-99C8-4F59-8B20-BC705597EB00
}

.et_contact_bottom_container .et_pb_button {
  margin-top: 30px;
}
/* Kontaktformular */

a.et_pb_button.more, a.et_pb_button.et_pb_button_7.more.et_pb_bg_layout_light {
  font-size: 16px !important;
    color: #46465D;
    font-weight: 700;
    border-bottom: 1px solid #46465D!important;
    padding-bottom: 5px;
    border-top: solid transparent !important;
  border-left: solid transparent !important;
  border-right: solid transparent !important;
}

/* Divi Buttons nebeneinander platzieren */
.inline-btns .et_pb_button_module_wrapper {
  display: inline-block;
  margin: 0 10px;
}

a.more:hover {
  letter-spacing: 1px;
}

.coaching-icon, .themes, .coaching-themes, .themes-2, .themes-3 {
  display: flex;
  align-items: center;
}

.themes, .themes-3 {
  width: 340px;
}

.coaching-icon p {
  margin-left: 5px !important;
  font-size: 16px;
}

.coaching-icon img {
  width: 30px;
}

.themes img, .themes-2 img {
  width: 60px;
}

.themes-3 img {
  width: 50px;
}

.themes p, .themes-2 p, .themes-3 p {
  margin-right: 15px !important;
}

.et_pb_toggle_close .et_pb_toggle_title:before {
  content: url(/wp-content/uploads/2023/03/Das-Mitte-Institut-Icon-Toggle-close.svg) !important;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
  content: url(/wp-content/uploads/2023/03/Das-Mitte-Institut-Icon-Toggle-open.svg) !important;
}

.steps {
  display: flex;
}

.step1 {
  width: 50%;
  margin-right: 35px;
}

.step2 {
  width: 50%;
}

.step3 {
  width: 50%;
  margin-right: 35px;
}

.step4 {
  width: 50%;
}

/* pricing */
.package {
  position: relative;
  top: 13px;
}

.price {
  position: relative;
    left: 400px;
    top: -5px;
}

/* Button mehr anzeigen */
.full-text.hidden {
  max-height: 0;
  overflow: hidden;
  transition: max-height 5s ease !important;
}

.expandable-text {
  transition: max-height 5s ease !important;
}

.toggle-button {
  color: #46465D!important;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 700!important;
  transition: letter-spacing 300ms ease 0ms;
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #46465D!important;
  padding: 0 0 5px 0;
}

.toggle-button:hover {
  letter-spacing: 1px;
}
/* Button ende */

/* Blog */
.post-content-inner {
  margin-bottom: 40px !important;
}

/* Testimonials */
.ti-date {
  display: none;
}

span.ti-read-more-active {
  margin-top: 10px;
  color: #5A6FA6 !important;
  opacity: 1 !important;
}

.ti-widget.ti-wp-testimonial-1 .ti-controls .ti-next:before,
.ti-widget.ti-wp-testimonial-1 .ti-controls .ti-next:after,
.ti-widget.ti-wp-testimonial-1 .ti-controls .ti-prev:before,
.ti-widget.ti-wp-testimonial-1 .ti-controls .ti-prev:after {
  background: #5A6FA6 !important;
}


/* footer */
.footer-link a {
  padding-right: 20px;
}

/* menu */

/* Button-Styling */
body.show-menu .mobile-menu-buttons button {
  background-color: #8BD1D0;
  color: #2e2545;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}

body.show-menu .mobile-menu-buttons button:hover {
  background-color: #7CC2C1;
}

/* ========== Standard Header-Stil ========== */
.pa-header {
  background: transparent;
  transition: background-color 0.5s ease-out, padding 0.5s ease;
}

.et_pb_section.pa-header {
  padding: 20px 0;
  transition: padding 0.3s ease;
}

.logo-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
  min-width: 220px; /* stellt sicher, dass nichts umbrechen kann */
}

.logo-main {
  height: 60px;
  flex-shrink: 0;
}

.logo-trennlinie {
  height: 32px;
  width: 1px;
  background-color: #8BD1D0 !important;
  display: inline-block !important;
  flex-shrink: 0;
}

.logo-zusatz {
  font-size: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  color: white;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  flex-shrink: 0;
}

.logo-zusatz a {
  text-decoration: none;
  color: inherit; /* übernimmt die Farbe vom Span */
}

.logo-zusatz span {
  opacity: 0.6;
}

.bereich-erwachsene .logo-zusatz .erwachsene,
.bereich-kinder .logo-zusatz .kinder {
  opacity: 1;
  color: #8BD1D0;
  font-weight: 600 !important;
}

ul#menu-main-menu {
  margin-top: -10px;
}

/* ========== Menu Default ========== */
.et-menu-nav > ul > li > a {
  padding: 20px 15px !important;
  color: #fff;
  transition: padding 0.3s ease, font-size 0.3s ease;
}

/* ========== Button Default ========== */
.et_pb_button_0_tb_header_wrapper .et_pb_button {
  font-size: 16px;
  padding: 12px 24px;
  transition: all 0.3s ease;
}

.et_pb_button_module_wrapper.et_pb_button_0_tb_header_wrapper.et_pb_button_alignment_center.et_pb_module {
  margin-top: 5px !important;
}

/* ========== Fixed Header beim Scrollen ========== */
.pa-header.et_pb_section--fixed.pa-fixed-header {
  background-color: #3D3650 !important;
  padding: 6px 0;
}

.pa-fixed-header .logo-wrapper {
  transform: translateY(-5px);
}

.pa-fixed-header .logo-wrapper img {
  height: 48px;
}

.pa-fixed-header .et-menu-nav > ul > li > a {
  padding: 5px 10px !important;
  font-size: 15px;
}

.pa-fixed-header .et_pb_button_0_tb_header_wrapper {
  margin-top: 0 !important;
}

.pa-fixed-header .et_pb_button_0_tb_header_wrapper .et_pb_button {
  font-size: 14px !important;
  padding: 4px 24px !important;
  transform: translateY(-5px);
}

.pa-fixed-header .et_pb_button_module_wrapper.et_pb_button_0_tb_header_wrapper.et_pb_button_alignment_center.et_pb_module {
  margin-top: 0 !important;
}

/* ========== Allgemeines Verhalten ========== */
.et-menu a:hover {
  opacity: 1;
}

.et-menu-nav > ul > li.current-menu-item > a,
.pa-active-menu-item .et-menu-nav > ul > li.current-menu-item > a {
  font-weight: 600 !important;
}

.et-menu li ul {
  visibility: unset;
  padding: 10px 0 !important;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% + 7px);
  left: 1px;
}

.et-menu li li a {
  padding: 5px 20px;
  width: auto;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
  line-height: 1.2 !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu {
  width: 280px !important;
  border-radius: 10px;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
}

.et-menu .menu-item-has-children > a:first-child:after {
  display: none;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li:hover > a,
.pa-active-menu-item .et-menu-nav > ul > li.current-menu-item > a:hover {
  color: #8BD1D0 !important;
}

/* submenu */
/* Submenu Container (Level 2) */
.et_pb_menu li ul {
  padding: 0;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  min-width: 200px;
  width: max-content;
  overflow: hidden;
}

/* Positionierung */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% + 7px);
  left: 0;
}

/* Submenu Items (Level 2 und tiefer) */
.et_pb_menu li li {
  position: relative;
  width: 100%;
}

.et_pb_menu li li a {
  padding: 10px 20px;
  width: 100%;
  display: block;
  color: #3D3650;
  font-size: 14px;
  white-space: normal;
  background: transparent;
  border-bottom: 1px solid #eee;
}

/* Letztes Element ohne Linie */
.et_pb_menu li li:last-child a {
  border-bottom: none;
}

/* Hover-Effekt */
.et_pb_menu li li a:hover {
  background-color: #f5f5f5;
  color: #000;
}

/* Dritte Ebene = einfach sichtbar untereinander */
.et_pb_menu li li ul {
  display: block !important;
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0;
}

/* Menüausklappen */
.et_pb_menu li li:hover > ul {
  display: block;
}

/* Wenn ein Menüpunkt mit Submenüs (Level 3) gehovt wird, alles anzeigen */
.et_pb_menu li:hover ul,
.et_pb_menu li:hover ul ul {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/* Entfernt die Trennlinie*/
.et_pb_menu li li:first-child a {
  border-bottom: none !important;
}
/* menu end */




.residential-coaching-mobile {
    display: none;
}

@media(max-width: 1640px) {
  .et-menu-nav>ul>li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  .pa-fixed-header .et-menu-nav>ul>li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media(max-width: 1450px) {
  .et-menu-nav>ul>li>a {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  
  .pa-fixed-header .et-menu-nav>ul>li>a {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

@media(max-width: 1380px) {
  .et_pb_menu .et-menu>li {
    padding-left: 0;
    padding-right: 0;
  }

  .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    left: 0;
  }

  .residential-coaching-desktop {
    display: none;
  }

  .residential-coaching-mobile {
      display: block;
  }
}


/* ========= Dein eigener Breakpoint ========= */
@media (max-width: 1279px) {
  .logo-trennlinie, .logo-zusatz {
    display: none !important;
  }


  /* Desktop-Menü & Buchungsbutton ausblenden */
  .et_pb_menu__menu, 
  .et_pb_button_0_tb_header_wrapper {
    display: none !important;
  }

  /*adjust Divi Menu module breakpoint*/
  .et_pb_menu .et_pb_menu__menu {
    display: none;
  }
  .et_mobile_nav_menu {
      display: block
  }

  a.et_pb_button.et_pb_button_0_tb_header.et_pb_bg_layout_light {
    display: none; 
  }

  .mobile_nav.closed .mobile_menu_bar:before {
    top: 2px;
    content: url(/wp-content/uploads/2023/03/Das-Mitte-Institut-Icon-Menu-close.svg) !important;
  }

  .mobile_nav.opened .mobile_menu_bar:before {
    top: 2px;
    content: url(/wp-content/uploads/2023/03/Das-Mitte-Institut-Icon-Menu-open.svg) !important;
  }

  /* menu fullscreen */
  .mobile_nav ul li::marker {
    display: none !important;
  }
  
  .mobile_nav ul li {
    list-style: none !important;
  }
  
  .et_pb_menu_0_tb_header.et_pb_menu ul li:hover>a, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a:hover {
    color: #fff !important;
    font-weight: 700;
}

  .et_pb_menu_0_tb_header.et_pb_menu ul li:hover>a, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a:hover {
    color: #fff !important;
  }

  .et_mobile_menu li a:hover {
    background-color: rgba(0,0,0,0);
    opacity: 1;
}

.et_mobile_menu .menu-item-has-children>a {
  font-weight: 400;
}
  
  .et-menu-nav>ul>li>a {
    padding: 20px !important;
  }
  
  .et-menu-nav>ul>li>a:hover {
    color: #fff !important;
  }

  .et_mobile_menu .first-level > a:after {
    font-size: 22px !important;
  }

  ul#mobile_menu1 {
    width: 100vw !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 15vh; /* optional: Abstand zum oberen Rand */
    position: fixed !important;
    background-color: #2e2545; /* gleiche Farbe wie dein Menü, anpassen wenn nötig */
    z-index: 9999;
    padding-top: 20vh !important;
  }
  
  .et_mobile_menu {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    background-color: #2e2545; /* anpassen an dein Theme */
    z-index: 9998;
  }

  .et-l--header ul {
    padding: 0;
  }

  .pa-header .mobile_menu_bar {
    top: 0;
    z-index: 9999999;
  }

  .et_pb_section.et_pb_section_0_tb_header.pa-header.et_pb_with_background.et_section_regular.et_pb_section--fixed.et_pb_section--with-menu.pa-fixed-header {
    box-shadow: 0px 3px 12px #4D2612;
  }

  .pa-header .mobile_menu_bar {
    right: -25% !important;
    position: absolute;
  }

  .pa-header span.et_pb_image_wrap img {
    position: absolute;
		left: 15%;
  }

  .et_mobile_menu li a {
    border-bottom: 1px solid #fff;
    max-width: 80%;
    font-size: 20px !important;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
  }

  .second-level a {
    border-bottom: 0 solid #fff !important;
  }

  /*Proper Collapsable Mobile Menu*/
  /*Style the icon's placeholder*/
  ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
  ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
  .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
    border-bottom: 0;
    text-align: center;
  }
  ul.et_mobile_menu > li.menu-item-has-children,
  ul.et_mobile_menu > li.page_item_has_children,
  ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
  .et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
  .et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
  .et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
  }
  .et_mobile_menu .menu-item-has-children > a,
  .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
  }

  /*Hide the Sub-menu*/
  ul.et_mobile_menu .menu-item-has-children .sub-menu,
  #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
  .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
  .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
  }

  /*Show the sub-menu when the + icon is clicked*/
  ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
  #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
  .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
  .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
  }

  /*Create the opening/closing icon using the Divi's Icons*/
  ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 15px;
    position: relative;
    font-family: "ETModules";
    right: 9vw;
  }

  /*Set the opening icon for custom Tax Pages*/
  body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
  body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
  body.tax-project_category ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
  body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
  body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
  body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    content: "+";
  }

  /*Set the opening icon for default WordPress Pages*/
  ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    content: "\4c";
  }

  /*Set the closing icon*/
  ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
  body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
  body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
  body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
  body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
  body.tax-project_category ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
  body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
    content: '\4d';
  }

  /* 1. Macht das Submenü zu einem normalen Flow-Element */
  .et_mobile_menu .menu-item-has-children {
    position: relative !important;
  }

  .et_mobile_menu .menu-item-has-children > .sub-menu {
    all: unset !important;
    display: block !important;
    padding-left: 24px !important;
    margin-top: 0 !important;
  }

  /* 2. Style die Submenüeinträge */
  .et_mobile_menu .menu-item-has-children > .sub-menu li a {
    font-size: 16px !important;
    padding: 12px 0 !important;
    display: block !important;
    color: #ffffff !important;
    opacity: 0.9;
    border: none !important;
  }

  /* 3. Verhindert, dass das Submenü wieder über JS versteckt wird */
  .et_mobile_menu .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* 4. Entfernt Box-Schatten und Hintergrund von dem komischen Flyout-Container */
  .et_mobile_menu .sub-menu {
    background: none !important;
    box-shadow: none !important;
  }
}

@media(max-width: 980px) {
  /* menu fullscreen */
  ul#mobile_menu1 {
    width: 101vw !important;
    top: -128%;
    padding-top: 150px;
    left: 0vw;
    
  }
  
  .et_mobile_menu {
    margin-top: 0;
    width: 230%;
    margin-left: -100%;
    height: 100vh;
  }

  .pa-header .mobile_menu_bar {
    top: 0;
    z-index: 9999999;
  }

  .pa-header .mobile_menu_bar {
    right: -85% !important;
    position: absolute;
  }

  .coaching-icons {
    display: flex;
  }

  .coaching-icons_mobile {
    display: none;
  }

  /* 2-spaltige Module umdrehen mobile */
  .flip-on-mobile {
    display: flex;
    flex-direction: column;
  }

  .flip-on-mobile .et_pb_column:nth-child(1) {
    order: 2;
  }

  .flip-on-mobile .et_pb_column:nth-child(2) {
    order: 1;
  }
}

@media(max-width: 780px) {
  h1, h2 {
    font-size: 24px !important;
  }
  
  h3 {
    font-size: 16px !important;
  }

  h4 {
    font-size: 24px !important;
  }

  p {
    font-size: 16px !important;
  }

  button.et_pb_contact_submit.et_pb_button {
    font-size: 18px !important;
  }

  .et_pb_module.et_pb_text.et_pb_text_6.et_pb_text_align_left.et_pb_bg_layout_light {
    margin-bottom: 40px !important;
  }
  
  .coaching-themes {
    margin-bottom: 30px;
  }

  .themes, .themes-3 {
    width: 300px !important;
  }
}

@media(max-width: 750px) {
  /* pricing */
  .pricing {
    padding: 10px 0;
  }
  
  .package {
    position: unset;
    margin-bottom: 3px;
    font-weight: 600 !important;
  }

  .price {
    position: unset;
  }

  .coaching-icons {
    display: none;
  }

  .coaching-icons_mobile {
    display: flex;
  }

  ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, 
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 15px;
    position: relative;
    font-family: "ETModules";
    right: 8vw;
  }

  .themes, .themes-3 {
    width: 280px !important;
  }

}

@media(max-width: 600px) {
  h1 {
    font-size: 34px;
  }
  
  h2 {
    font-size: 35px;
  }
  
  h3 {
    font-size: 23px;
  }
  
  h4 {
    font-size: 23px;
  }
  
  h5 {
    font-size: 18px !important;
  }

  p {
    font-size: 16px !important;
  }

  .button1 {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }

  .more {
    text-align: center;
  }

  .steps {
    display: block;
  }
  
  .step1 {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 40px 0;
  }
  
  .step2 {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 40px 0;
  }
  
  .step3 {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 40px 0;
  }
  
  .step4 {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 40px 0;
  }

  .et_pb_module.et_pb_text.et_pb_text_6.et_pb_text_align_left.et_pb_bg_layout_light {
    margin-bottom: 40px !important;
  }

  .et_pb_module.et_pb_text.et_pb_text_6.et_pb_text_align_left.et_pb_bg_layout_light {
    margin-bottom: 0 !important;
  }

  .mobile_menu_bar {
    right: 2% !important;
  }

  .pa-fixed-header span.et_pb_image_wrap img {
    top: -8px;
  }

  .coaching-themes {
    display: block;
  }

  .themes, .themes-2, .themes-3 {
    margin-bottom: 20px;}

    /* sticky button */
    
    .sticky-infobox {
      position: fixed !important;
      top: 60vh !important;
      right: 16px !important;
      left: auto !important;
  
      width: 72px !important;
      height: 72px !important;
      padding: 0 !important;
  
      background-color: rgba(139, 209, 208, 0.9) !important;
      border-radius: 50% !important;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
  
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      flex-direction: column !important;
  
      z-index: 9999 !important;
      transform: none !important;
    }
  
    .sticky-infobox span {
      display: none !important;
    }
  
    .sticky-infobox img {
      width: 58px !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  
    .sticky-infobox a {
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      flex-direction: column !important;
      text-decoration: none !important;
    }
  

}

@media(max-width:475px) {
  /* Divi Buttons untereinander platzieren */
  .inline-btns .et_pb_button_module_wrapper {
    display: block;
    margin: 20px auto;
}
}

@media(max-width:440px) {
    .coaching-icons_mobile {
        display: block !important;
    }
}

@media (min-width: 1279px) {
  li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-1850,
  li.et_pb_menu_page_id-1489.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1851 {
    display: none !important;
  }
}

/* Auf Mobile: Leicht eingerückt & kleiner */
@media (max-width: 980px) {
  .et_mobile_menu .mobile-sub a {
    font-size: 16px !important;
    padding-left: 30px !important;
    opacity: 0.9;
    display: block;
    border: none !important;
  }
}

/* Buttons im Menü von 0 bis 1279px */
@media (max-width: 1279px) {

  /* Beide Menüeinträge nebeneinander anzeigen */
  li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-1850,
  li.et_pb_menu_page_id-1489.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1851 {
    display: inline-block !important;
    margin: 70px -15px 0 0 !important;
    border: none !important;
    padding: 0 !important;
    position: relative;
    left: 10%;
  }

  /* Button-Styling */
  li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-1850 a,
  li.et_pb_menu_page_id-1489.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1851 a {
    background-color: #8BD1D0;
    color: #2e2545 !important;
    padding: 10px 15px;
    width: 180px !important;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 999px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s ease;
    border: none !important;
  }

  li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-1850 a:hover,
  li.et_pb_menu_page_id-1489.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1851 a:hover {
    background-color: #7CC2C1;
  }
}