/*  ==================================================================
	HIER KOMMEN DEINE AUSGELAGERTEN CSS BEFEHLE REIN =================
	==================================================================  */

    /* Taste ausklappen 
	   https://divimastermind.com/erstellen-einer-expand-taste/  */
	   
    .hide {
      display:none;
    }
    .degrade {
      transition:background-color 1300ms ease 0ms,border 1300ms ease 0ms;
    }
    .degrade.close > *:after {
      content:"";
      position:absolute;
      top:0;
      display:block;
      width:100%;
      height:calc(100% - 32px);
    }
    /* Style hier Deine Taste */
    .button {
      display:block;
      max-width:150px;
      cursor:pointer;
      padding:4px;
      -webkit-border-radius:6px;
      -moz-border-radius:6px;
      border-radius:6px;
      text-align:center;
      color:#fff;
      margin-top:20px;
      transition: background-color 300ms ease 0ms,border 300ms ease 0ms;
    }
    .button:hover {
      box-shadow:1px 1px 10px 0px rgba(0,0,0,0.3);
    }
    /* Hintergrundfarbe Deiner Taste */
    .background-taste {
      background:#2da1db;
    }
    /* style hier die Hover Farbe Deiner Taste */
    .background-taste:hover {
      background:#000;
      color: #2da1db;
      border: solid 1px #2da1db;
    }
	
/* Footer bei leerem Inhalt ausblenden */
	#footer-bottom {
    height: 0 !important;
    overflow: hidden;
    padding: 0;
}

/* ==================================================================
   EINHEITLICHES HINTERGRUNDBILD AUF ALLEN SEITEN (inkl. WooCommerce)
   ================================================================== */
body {
  background-image: url('https://testfeld.menschen-in-wandlung.de/wp-content/uploads/2026/03/Hintergrundmarmor.png') !important;
  background-repeat: repeat !important;
  background-position: top left !important;
  background-attachment: scroll !important;
}

/* Sicherstellen, dass Wrapper-Elemente (auch auf Shop-, Warenkorb-,
   Kasse- und Konto-Seiten von WooCommerce) das Hintergrundbild
   durchscheinen lassen, statt es mit einer eigenen Fläche zu überdecken. */
#page-container,
#main-content,
.et_builder_outer_content,
body.woocommerce #main-content,
body.woocommerce-page #main-content,
body.woocommerce-cart #main-content,
body.woocommerce-checkout #main-content,
body.woocommerce-account #main-content {
  background-color: transparent !important;
  background-image: none !important;
}

/* ==================================================================
   CHECKOUT: Bundesland-Feld wird fuer die Bestellung nicht benoetigt
   ================================================================== */
.wc-block-components-address-form__state,
#billing_state_field,
#shipping_state_field,
#calc_shipping_state_field {
  display: none !important;
}

/* ==================================================================
   HAUPTMENUE: an die bisherige Buttonleiste angeglichen
   ================================================================== */
#main-header,
#top-menu-nav,
.et_header_style_split #et-top-navigation {
  background-color: #FDF8EC !important;
}
#top-menu > li > a {
  font-family: "Courgette", cursive !important;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
  color: #32251F !important;
  border: 3px solid #E09900;
  border-radius: 100px;
  padding: 10px 22px !important;
  margin: 0 6px;
  line-height: 1.4 !important;
  transition: background-color 300ms ease, color 300ms ease;
}
#top-menu > li > a:hover,
#top-menu > li.current-menu-item > a {
  background-color: #E09900 !important;
  color: #32251F !important;
}
#top-menu li ul.sub-menu {
  background-color: #FDF8EC !important;
  border-radius: 20px;
  overflow: hidden;
}
#top-menu li ul.sub-menu a {
  font-family: "Courgette", cursive !important;
  color: #32251F !important;
}

/* Einkaufskorb-Symbol in der Navigation ausblenden */
#et-top-navigation .et-cart-info,
.et-cart-info {
  display: none !important;
}

/* ==================================================================
   MENUE-POSITION: naeher ans Icon heranruecken, leicht nach oben
   ================================================================== */
.et_header_style_left .container.et_menu_container {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
}
.et_header_style_left #et-top-navigation {
  float: none !important;
  margin-left: 15px !important;
}
#top-menu-nav,
#top-menu {
  margin-bottom: 19px !important; /* ca. 5mm Abstand zur Unterkante der Kopfzeile */
}

/* ==================================================================
   FOOTER: stilistisch an den Header angeglichen
   ================================================================== */
#main-footer {
  background-color: #FDF8EC !important;
  border-top: 3px solid #E09900;
}
#main-footer .footer-widget h4.title {
  font-family: "Courgette", cursive !important;
  color: #32251F !important;
  font-size: 22px;
  letter-spacing: 1px;
}
#main-footer .footer-widget,
#main-footer .footer-widget p,
#main-footer .footer-widget a {
  color: #32251F !important;
  font-family: "Calibri", sans-serif !important;
}
#main-footer .footer-widget a {
  border-bottom: 1px solid #E09900;
}
#main-footer .footer-widget a:hover {
  color: #E09900 !important;
}
#footer-bottom {
  background-color: #FDF8EC !important;
  border-top: 1px solid #E09900;
}
#footer-bottom #footer-info,
#footer-bottom #footer-info a {
  color: #32251F !important;
}
#footer-bottom .et-social-icon a.icon {
  color: #E09900 !important;
}

/* Telegram-Hinweis rechts vom Impressum: passender Rahmen im Buttonleisten-Stil */
#main-footer .footer-widget:nth-child(2) {
  background-color: #FFFFFF33;
  border: 3px solid #E09900;
  border-radius: 30px;
  padding: 22px 26px !important;
}
#main-footer .footer-widget:nth-child(2) a {
  font-family: "Courgette", cursive !important;
  font-weight: 700;
  border: none;
  display: inline-block;
  margin-top: 8px;
  padding: 8px 20px;
  border: 2px solid #E09900;
  border-radius: 100px;
  background-color: #E09900;
  color: #32251F !important;
  transition: background-color 300ms ease;
}
#main-footer .footer-widget:nth-child(2) a:hover {
  background-color: transparent;
  color: #32251F !important;
}

/* Aktiven Menuepunkt auch im geschrumpften (fixierten) Header sichtbar halten */
body.et-fixed-header #top-menu > li.current-menu-item > a,
body.et-fixed-header #top-menu > li > a:hover {
  background-color: #E09900 !important;
  color: #32251F !important;
}