/*
Theme Name: Menofemme
Theme URI: https://www.diginovum.de
Author: DIGINOVUM
Author URI: https://www.diginovum.de/
Description: Individuelles Theme basierendes auf Bootstrap 5 und ACF, SEO optimiert
Tags: boilerplate, clean, simple, bootstrap5, seo
Text Domain: menofemme
*/
/**********************************************************************
     _ _       _                                       _
    | (_)     (_)                                     | |
  __| |_  __ _ _ _ __   _____   ___   _ _ __ ___    __| | ___
 / _` | |/ _` | | '_ \ / _ \ \ / / | | | '_ ` _ \  / _` |/ _ \
| (_| | | (_| | | | | | (_) \ V /| |_| | | | | | || (_| |  __/
 \__,_|_|\__, |_|_| |_|\___/ \_/  \__,_|_| |_| |_(_)__,_|\___|
          __/ |
         |___/
***********************************************************************
URL: https://www.diginovum.de
Creator: DIGINOVUM GmbH
Author: Frank Schmitz
Contact: schmitz@diginovum.de
***********************************************************************
〈 〉 | « » | ← → | ⟵ ⟶ | ‹ › | “ ” | – ⌄ ∨ 📷
❤ ☀ ★ ☂ ☎ ☏ ⌚ ❄ ♫ ☯ 🗸 ✓ ✔✔ 🗹 ✅ ☑
⨯ ✗ ✘ ❌ ☒ ❎ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀ ■
**********************************************************************/


/**********************************************************************
***  BOOTSTRAP 5
**********************************************************************/

  /* PADDING */
    .pxy-s {padding: 2vw!important;}
    .pxy-m {padding: 4vw!important;}
    .pxy-l {padding: 6vw!important;}

    .py-xs {padding-top: 1vw!important; padding-bottom: 1vw!important;}
    .py-s {padding-top: 2vw!important; padding-bottom: 2vw!important;}
    .py-m {padding-top: 4vw!important; padding-bottom: 4vw!important;}
    .py-l {padding-top: 6vw!important; padding-bottom: 6vw!important;}
    .py-0 {padding-top: 0!important; padding-bottom: 0!important;}

    .pt-xs {padding-top: 1vw!important;}
    .pt-s {padding-top: 2vw!important;}
    .pt-m {padding-top: 4vw!important;}
    .pt-l {padding-top: 6vw!important;}
    .pt-0 {padding-top: 0!important;}

    .pb-xs {padding-bottom: 1vw!important;}
    .pb-s {padding-bottom: 2vw!important;}
    .pb-m {padding-bottom: 4vw!important;}
    .pb-l {padding-bottom: 6vw!important;}
    .pb-0 {padding-bottom: 0!important;}


  /* MARGIN */
    .my-s {margin-top: 2vw!important; margin-bottom: 2vw!important;}
    .my-m {margin-top: 4vw!important; margin-bottom: 4vw!important;}
    .my-l {margin-top: 6vw!important; margin-bottom: 6vw!important;}

    .mb-l {margin-bottom: 60px!important;}


  /* GRID */
    /*  .d-grid .gap-5

    */
    .row {
      --bs-gutter-x: 30px;
      --bs-gutter-y: 30px;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      --bs-gutter-x: 30px;
    }

    .accordion {
      --bs-accordion-color: #000;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow: none;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow. none;
      --bs-accordion-active-color: #000;
      --bs-accordion-active-bg: transparent;
      --bs-accordion-border-width: 0;
      --bs-accordion-border-color: transparent;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow: none;

      --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='matrix(1 0 0 1 8.5 8.5)'%3E%3Cpath style='stroke: %23518089; fill: %23518089;' transform=' translate(-8, -8)' d='M 1.646 4.646 C 1.7398042630101669 4.551958299312365 1.8671727391417587 4.499106216314582 2 4.499106216314582 C 2.1328272608582415 4.499106216314582 2.260195736989833 4.551958299312365 2.354 4.646 L 8 10.293 L 13.646 4.645999999999999 C 13.841508801440101 4.450491198559898 14.1584911985599 4.450491198559898 14.354000000000001 4.645999999999999 C 14.549508801440101 4.8415088014401 14.549508801440101 5.158491198559898 14.354000000000001 5.353999999999999 L 8.354000000000001 11.354 C 8.260195736989834 11.448041700687634 8.132827260858242 11.500893783685418 8 11.500893783685418 C 7.867172739141759 11.500893783685418 7.739804263010168 11.448041700687634 7.646000000000001 11.354 L 1.6460000000000008 5.353999999999999 C 1.551958299312366 5.260195736989832 1.499106216314582 5.132827260858241 1.499106216314582 4.999999999999999 C 1.499106216314582 4.867172739141758 1.551958299312366 4.739804263010166 1.6460000000000008 4.645999999999999 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");

      --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='rotate(180,4.2498689,4.2500001)'%0A%3E%3Cpath style='fill:%23518089;stroke:%23518089' transform='translate(-8,-8)' d='M 1.646,4.646 C 1.7398043,4.5519583 1.8671727,4.4991062 2,4.4991062 c 0.1328273,0 0.2601957,0.052852 0.354,0.1468938 L 8,10.293 13.646,4.646 c 0.195509,-0.1955088 0.512491,-0.1955088 0.708,0 0.195509,0.1955088 0.195509,0.5124912 0,0.708 l -6,6 C 8.260196,11.44804 8.1328273,11.500894 8,11.500894 c -0.1328273,0 -0.2601957,-0.05285 -0.354,-0.146894 l -6,-6 C 1.5519583,5.2601957 1.4991062,5.1328273 1.4991062,5 c 0,-0.1328273 0.052852,-0.2601957 0.1468938,-0.354 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");
    }

    .accordion-button::after,
    .accordion-button.collapsed::after {transform: rotate(-90deg)!important;}

    .accordion-button:not(.collapsed)::after {transform: rotate(180deg)!important;}


  /* COLORS */
    :root,
    [data-bs-theme=light] {
      --bs-gray-300: #F4F4F4;

  }


  /* ELEMENTS */
    .card {
      --bs-card-border-width: 0;
    }


/**********************************************************************
*** FONTS
*********************************************************************/
  /* lato-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: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/google/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* lato-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: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/google/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* lato-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: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/google/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  .lato {font-family: 'Lato';}


/**********************************************************************
*** HELPER
*********************************************************************/
  svg{max-height:100%; /* chrome needs it  */}
  body.admin-bar #page-navigation.sticky-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  :focus {outline:0; -webkit-outline: 0; -moz-outline: 0; -ms-outline: 0; -o-outline: 0;}
  .aligncenter {margin-left: auto; margin-right: auto;}
  .screen-reader-text {display: none!important;}
  .embed-responsive-3by4 {padding-bottom: 116.25%;}
  .navbar-toggler:focus {box-shadow: none;}
  /*.section-area.row > * {margin-top: 0;}
  .section-wrapper.row > * {margin-top: 0;}*/
  .row {margin-top: 0;}
  .row > * {margin-top: 0;}
  .col-12.col-md-none {flex: 1 0 0%;}
  .ajax-loader {display: none!important;}



  /*****************************
  *** TEXT
  ******************************/
    /*.text-bolder {font-weight: 400;}*/
    .text-shadow {text-shadow: 1px 1px 5px #666;}


  /*****************************
  *** IMAGE
  ******************************/
    .content-item-text img[class^="wp-image-"],
    img[class*=" wp-image-"] {display: block; max-width: 100%; height: auto;}
    img.aligncenter {/*display: inline-block!important;*/}
    .img-circle {background-color: white; border-radius: 50%;}
    .img-rounded {border-radius: 4px;}


/**********************************************************************
*** STYLES FÜR menofemme
*********************************************************************/
  html.loaded {background-color: #fff;}

  html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    color: #1d1d1b;
  }

  body {
    background-color: #fff;
    color: rgb(49, 50, 53);
    font-family: 'Lato';
    text-rendering: optimizeLegibility;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
  }


  /*****************************
  *** TEXT
  ******************************/
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: 'Lato';
      font-weight: 400;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #1d1d1b;
      line-height: 1.2;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      /*hyphens: auto;*/
    }

    h1, .h1 {font-size: 36px;}
    h2, .h2 {font-size: 25px;}
    h3, .h3 {font-size: 24px;}
    h4, .h4 {font-size: 21px;}

    .xl {font-size: 60px; line-height: 72px;}
    .l {font-size: 30px; line-height: 51px;}
    .m {font-size: 24px;}
    .s {font-size: 18px;}
    .xs {font-size: 80%;}

    p {
      margin: 0 0 10px;
    }

    p:last-child {
      margin: 0;
    }

    small {
      font-size: 80%;
    }

    strong,
    .bold {
      font-weight: 700;
    }

    ul {}

    figcaption {padding-top: 10px;}

    .rounded,
    .content-section-text-media .content-item-media-image > a > img {
      border-radius: 30px!important;
    }


  /*****************************
  *** LINKS
  ******************************/
    a {
      color: #B0CB52;
      transition: 0.3s all ease;
    }

    p > a {
      text-decoration: underline;
      color: #1d1d1b;
      transition: 0.3s all ease;
      font-weight: 400;
    }
    a:hover {color: #000000;}
    a:focus {color: #000000; outline: none; outline-offset: -2px;}

    .menofemme-text-link {
      color: #B0CB52;
      position: relative;
      font-weight: 400;
      text-decoration: none;
    }

    .no-link {
      text-decoration: none!important;
      color: inherit!important;
    }


  /*****************************
  *** COLORS
  ******************************/
    .bg-black .content-heading,
    .bg-black .content-title-heading,
    .bg-black .content-txt,
    .bg-lightpurple .content-heading,
    /*.bg-lightpurple .content-title-heading,
    .bg-lightpurple .content-intro,
    .bg-lightpurple .content-outro,
    .bg-lightpurple .content-txt,*/
    .bg-darkpurple .content-heading,
    .bg-darkpurple .content-title-heading,
    .bg-darkpurple .content-intro,
    .bg-darkpurple .content-outro,
    .bg-darkpurple .content-txt {
      color: white!important;
    }

    .white {color:white!important;}
    .black {color: #333!important;}
    .lightgrey {color: #f1f1f1!important;}
    .grey {color: #EDEDED!important;}
    .lightpurple {color:#d2b2cf!important;}
    .darkpurple {color: #61005f!important;}


    .bg-white {background-color:white!important;}
    .bg-black {background-color: #333!important;}
    .bg-lightgrey {background-color: #f1f1f1!important;}
    .bg-grey {background-color: #EDEDED!important;}
    .bg-lightpurple {background-color:#d2b2cf!important;}
    .bg-darkpurple {background-color: #61005f!important;}


  /*****************************
  *** BUTTONS
  ******************************/
    .btn-menofemme/*,
    .btn-menofemme.btn-black:hover,
    .btn-menofemme.btn-black:focus,
    .btn-menofemme.btn-black:active*/ {
      font-family: 'Lato';
      font-size: 20px;
      font-weight: 700;
      color: white;
      background-color: #61005f;
      border: 1px solid #61005f;
      border-radius: 4px;
      padding: 7px 36px;
      /*line-height: 21px;*/
      outline: 0 !important;
      text-align: center;
      vertical-align: middle;
      display: inline-block;
      transition: all .2s linear;
      text-decoration: none;
      box-shadow: 1px 2px 10px rgba(0,0,0,0.5);
    }

    .btn-menofemme::before {
      content: "\f345";
      font-family: dashicons;
      display: inline-block;
      line-height: 1;
      font-weight: 700;
      font-style: normal;
      speak: never;
      text-decoration: inherit;
      text-transform: none;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 20px;
      height: 20px;
      font-size: 20px;
      vertical-align: text-bottom;
      text-align: center;
      transition: color .1s ease-in;
    }

    .btn-menofemme:hover,
    .btn-menofemme:focus,
    .btn-menofemme:active/*,
    .btn-menofemme.btn-black*/ {
      background-color: #fff;
      color: #61005f!important;
      border-color: #61005f;
      text-decoration: none;
      box-shadow: 1px 2px 10px rgba(0,0,0,0);
    }

    .btn-menofemme .dashicons {
      font-size: 14px;
      height: 15px;
    }


  /*****************************
  *** MISC
  ******************************/
    .shadow-sm {}
    .shadow {box-shadow: 1px 2px 10px rgba(0,0,0,0.1);}
    .shadow-lg {}

    blockquote {
      font-weight: 700;
      line-height: 2;
      color: #1d1d1b;
      padding: 0 30px;
      margin: 15px 0;
    }

    pre {
      font-weight: 700;
      line-height: 1.8;
      border-left: 6px solid #D2CDC6;
      border-radius: 0 6px 6px 0;
      color: #1d1d1b;
      background-color: #F4F4F4;
      padding: 0 15px;
      margin: 15px 0;
    }

    hr {
      margin-top: 0px;
      margin-bottom: 0px;
      border-color: #B0CB52;
      border-width: 2px;
      border-radius: 1px;
      width: 100%;
    }

    .bg-image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #d2b2cf;
      transition: all .5s ease;
      filter: blur(5px);
    }

    .bg-image.bg-image-loaded {
      filter: blur(0px);
    }

    .list-square ul {
      list-style-type: none;
      padding-left: 15px;
    }

    .list-square ul li {
      padding: 5px 0 5px 20px;
      position: relative;
    }

    .list-square ul li::before {
      content: '■';
      color: #B0CB52;
      position: absolute;
      left: 0;
      font-size: 130%;
      top: 1px;
    }

    .box {
      padding: 30px 45px;
      border-radius: 6px;
    }


/**********************************************************************
*** PAGE-NAVIGATION
*********************************************************************/

  /*****************************
  *** NAVBAR
  ******************************/
    .navbar-menofemme {
      background-color: #fff;
      height: 90px;
      transition: .5s box-shadow ease;
    }

    #page-navigation.scrolled {
      box-shadow: var(--bs-box-shadow) !important;
    }

    .navbar-menofemme > .container-fluid {
      max-width: 1230px;
      margin: 0 auto;
    }

    .navbar-brand {
      margin-right: 100px;
    }

    #nav-logo {
      max-width: 200px;
      margin-top: 0;
    }

    .navbar-menofemme #hauptmenu {
      /*max-width: 350px;*/
    }

    .navbar-menofemme .navbar-nav {
      display: table;
    }

    .navbar-menofemme .navbar-nav > li {
      padding: 0 15px;
      text-align: center;
      float: none;
      display: table-cell;
      clear: both !important;
      border: none !important;
      vertical-align: middle;
      max-width: 150px;
    }

    .navbar-menofemme .navbar-nav > li a {
      color: black;
      background-color: transparent;
      padding: 15px 5px;
      line-height: 15px;
      font-weight: 400;
      font-size: 16px;
      text-transform: uppercase;
      /*transition: all 150ms ease;*/
      /*border-top: 1px solid transparent;*/
    }

    .navbar-menofemme .navbar-nav li:hover > a,
    .navbar-menofemme .navbar-nav li > a:active,
    .navbar-menofemme .navbar-nav li > a:focus,
    .navbar-menofemme .navbar-nav li.current_page_item > a,
    .navbar-menofemme .navbar-nav li.current-page-ancestor > a,
    .navbar-menofemme .navbar-nav li.current_page_parent > a,
    body.single-post .navbar-menofemme .navbar-nav li#menu-item-536 a,
    .navbar-menofemme .navbar-nav > li a.active {
      color: black;
      background-color: white;
      font-weight: 700;
      /*border-bottom: 2px solid #000 !important;*/
    }



/**********************************************************************
*** PAGE-HEADER
*********************************************************************/
  #page-header {}

  #page-header {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
  }

  #page-header-link {
    padding-top: 15px;
  }


  /*****************************
  *** PAGE HEADER IMAGE
  ******************************/
    #page-header-img {}

    #page-header-title {
      padding: 0 15px;
    }


  /*****************************
  *** PAGE HEADER VIDEO
  ******************************/
    #page-header-video-wrapper {
      position: relative;
      height: 710px;
      width: 100%;
      overflow: hidden;
    }

    #page-header-content-wrapper {
      position: absolute;
      right: auto;
      left: auto;
      bottom: 15%;
      top: auto;
      width: 100%;
      height: auto;
      max-width: 1400px;
      max-height: 800px;
    }

    #page-header-video-file {
      position: fixed;
      right: auto;
      left: auto;
      bottom: 0;
      top: 30px;
      width: 100%;
      height: 100%;
      max-width: 1400px;
      max-height: 800px;
      object-fit: cover;
      object-position: center center; /* default, anchor to center of video */
    }


  /*****************************
  *** PAGE HEADER BG
  ******************************/
    #page-header-bg {}

    .page-header-bg {
      height: 710px;
    }

    #page-header-bg {
      position: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
      width: 100%;
      max-width: 1400px;
      height: 710px;
      margin: 0 auto;
    }


  /*****************************
  *** PAGE HEADER SLIDER
  ******************************/
    .page-header-slider-item {
      width: 100%;
    }

    #page-header-slider-flickity .flickity-page-dots {
      display: table;
      border-spacing: 60px 0px;
      position: relative;
      bottom: 0;
      margin: 30px auto;
      max-width: 1050px;
    }

    #page-header-slider-flickity .flickity-page-dots li {
      text-align: center;
      float: none;
      display: table-cell;
      clear: both !important;
      border: none !important;
      vertical-align: middle;
      border-radius: 0;
      height: 4px;
      transition: .3s all linear;
      background-color: #666;
    }

    #page-header-slider-flickity .flickity-page-dots li.is-selected {
      transform: scale(110%);
      opacity: 1;
    }



/**********************************************************************
*** CONTENT-SECTIONS
*********************************************************************/
  #main-content {}

  #page-content {
    background-color: white;
    position: relative;
    /*padding-bottom: 60px;*/
  }

  #page-content .container {}
  #page-content .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
  }

  .container-fluid.content-container .content-item-text-position-right .content-item-image {
    padding-left: 0;
  }

  .container-fluid.content-container .content-item-text-position-left .content-item-image {
    padding-right: 0;
  }

  .content-section {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-intro > div > p:last-child,
  .section-intro > p:last-child,
  .section-area > div > p:last-child,
  .section-outro > div > p:last-child {margin-bottom: 0;}

  .sectiont-title {}
  .content-title-heading {}
  .content-title-subheading
  .content-title-subline {}

  .content-title-heading::after,
  .content-title-subheading::after,
  .content-item-subheading::after,
  .content-section-body h2::after {

  }

  .text-center .content-title-heading::after,
  .text-center .content-title-subheading::after {

  }

  .section-title {
    text-align: center;
    padding-bottom: 15px;
  }

  .section-intro {
    padding-bottom: 30px;
  }

  .section-area {}

  .section-outro {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .section-link {
    /*text-align: center;*/
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .content-item-txt {}

  /*.content-item {height: 100%;}*/

  [class*="container bg-"] {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  [class*="content-item bg-"] {
    padding: 15px;
  }

  .content-title-heading {
    margin-bottom: 15px;
  }

  .content-title-subheading {
    margin-bottom: 20px;
  }

  .item-title {}
  .item-txt {}
  .img-item {}
  .img-media {border-radius: 4px;}
  .img-icon {max-width: 130px;}



  /*****************************
  *** TEXT
  ******************************/
    .content-section-text {}

    .content-section-text .section-area{
      padding-top: 30px;
    }

    .content-section-text .content-item {
      margin-bottom: 30px;
    }

    .content-section-text .content-item-subheading {
      margin-bottom: 15px;
    }

    .layout-list ul {
      list-style-type: none;
    }

    .layout-list ul li {
      padding: 5px 0;
      position: relative;
    }

    .layout-list ul li::before {
      content: "\f487";
      color: #61005f;
      font-family: dashicons;
      display: inline-block;
      left: -30px;
      top: 5px;
      position: absolute;
    }


  /*****************************
  *** TEXT-IMAGE
  ******************************/
    .content-section-image-text {}

    .content-section-image-text .content-intro {
      padding-bottom: 45px;
    }

    .content-section-image-text .content-item-image-wrapper {
      position: relative;
      /*text-align: center;*/
    }

    .content-section-image-text .content-link {
      padding-top: 30px;
    }


  /*****************************
  *** ICONS
  ******************************/
    .content-section-icons {}

    .content-section-icons .content-item-title {
      font-size: 20px;
      padding: 15px 0;
    }

    .content-section-icons .img-icon {}


  /*****************************
  *** SHORTCODE
  ******************************/
    .content-section-shortcode {}


  /*****************************
  *** MOOD
  ******************************/
    .content-section-mood {}

    .mood-content-text {
      background-color: rgba(255,255,255, .9);
      padding: 30px;
      border-radius: 4px;
    }

    .mood-content-text .content-outro {
      margin-top: 15px;
    }


  /*****************************
  *** DIVIDER
  ******************************/
    .content-section-divider {}

    .divider {
      border-top: 1px solid #61005f;
      position: relative;
    }

    .divider-bg {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      width: 200px;
      height: 100px;
      transform: translateY(-50%);
      background-color: white;
      margin: 0 auto;
      text-align: center;
    }

    .img-divider {
      margin: 0 auto;
      /*max-width: 100px;*/
      max-height: 100px;
    }


  /*****************************
  *** FAQ
  ******************************/
    .content-section-faq {}

    .content-section-faq .accordion-item {
      margin-bottom: 30px;
      border: 1px solid #e4e4e4;
      border-radius: 6px !important;
      background-color: #fff;
      padding: 10px 20px;
      box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
    }

    .content-section-faq .accordion-item .accordion-title {
      font-size: 18px!important;
      font-weight: bold;
    }

    .content-section-faq.layout-lexicon .accordion-item,
    .content-section-faq.layout-lexicon .accordion-item .accordion-header,
    .content-section-faq.layout-lexicon .accordion-item .accordion-button,
    .content-section-faq.layout-lexicon .accordion-item .accordion-title {
      background-color: #d2b2cf;
    }


  /*****************************
  *** TILES
  ******************************/
    .content-section-tiles {}

    .content-item-tile {
      height: 100%;
      margin-bottom: 30px;
    }

    .tile-item-image figure {
      padding-top: 56%;
    }

    .tile-item-content {
      padding: 0 15px 15px;
    }


    /*** LAYOUT TESTIMONIAL ***/

      .content-section-tiles.layout-testimonial {}

      .content-section-tiles.layout-testimonial .content-area.layout-testimonial {
        padding: 6vw 0;
        background-image: url('/wp-content/themes/menofemme/img/icon_herb.svg');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
      }

      .content-section-tiles.layout-testimonial .content-item-tile {
        border-radius: 8px;
        background-color: #d2b2cf;
        border-color: #d2b2cf;
        text-align: center;
      }

      .content-section-tiles.layout-testimonial .tile-item-image {
        padding: 30px 0;
      }

      .content-section-tiles.layout-testimonial figure {
        padding-top: 0;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin: 0 auto;
      }

    /*** LAYOUT EXPERT ***/
      .content-section-tiles.layout-expert .content-item-tile {
        border-radius: 0px;
        background-color: #d2b2cf;
        border-color: #d2b2cf;
        text-align: center;
        border-radius: 4px;
      }

      .content-section-tiles.layout-expert .tile-item-title {
        padding: 30px 15px 15px;
      }

      .content-section-tiles.layout-expert .tile-item-image {
        padding: 0 5vw 30px;
      }

      .content-section-tiles.layout-expert figure {
        padding-top: 0;
        border-radius: 50%;
        width: 100%;
        height: auto;
        padding-top: 100%;
        margin: 0 auto;
        box-shadow: var(--bs-box-shadow) !important;
      }


  /*****************************
  *** BLOG
  ******************************/
    .content-section-blog {}

    .content-section-blog article {
      margin-bottom: 30px;
    }

    .blog-item-image figure {
      padding-top: 56%;
      border-radius: 4px;
    }

    .blog-item {
      padding-bottom: 65px;
      position: relative;
      height: 100%;
      margin-bottom: 30px;
    }

    .blog-item-link {
      position: absolute;
      bottom: 0;
      left: 0;
    }


  /*****************************
  *** CONTACT
  ******************************/
    .content-section-contact {}

    .contact-icon .dashicons {
      width: 60px;
      height: 60px;
      color: #61005f;
      margin-bottom: 30px;
    }



  /*****************************
  *** XXX
  ******************************/
    .content-section-xxx {}



  /**********************************************************************
  *** BLOG
  *********************************************************************/
    body.blog {}


  /**********************************************************************
  *** POST
  *********************************************************************/
    #single-content {}

    #single-content h1,
    #single-content h2,
    #single-content h3,
    #single-content h4,
    #single-content h5 {
      margin-top: 30px;
      margin-bottom: 15px;
    }



/**********************************************************************
*** PAGE-FOOTER
*********************************************************************/
  #page-footer {}

  #page-footer {
    font-size:14px;
    padding: 30px 0;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
  }

  #page-footer a,
  #page-footer .h3,
  #page-footer .h4 {color: #fff; text-decoration: none;}

  #social-links {padding-left: 0; list-style: none;}
  #social-links li {display: inline-block; margin-right: 15px; width: 30px; height: 30px;}



  /*****************************
  *** PAGE-FOOTER-BLOCKS
  ******************************/


  /*****************************
  *** PAGE-FOOTER-NEWSLETTER
  ******************************/
    #page-footer-newsletter .btn-menofemme {
      border: 1px solid white;
      font-size: 14px;
      padding: 5px 40px;
      font-weight: 400;
    }

    #page-footer-newsletter .btn-menofemme::before {
      font-weight: 400;
      width: 20px;
      height: 15px;
      font-size: 16px;
    }


  /*****************************
  *** PAGE-FOOTER-MENU
  ******************************/



  /*****************************
  *** PAGE-FOOTER-META
  ******************************/
    #page-footer-meta {}

    #page-footer-meta {
      padding: 15px 0;
      border-top: 1px solid rgb(113, 113, 121);
      border-bottom: 1px solid rgb(113, 113, 121);
      /*margin-top: 30px;*/
      text-align: center;
    }

    #page-footer-meta span {
      padding: 0 15px;
    }




/**********************************************************************
*** BREAKPOINT XL MAX 1399px
*********************************************************************/
  @media (max-width: 1399px) {

    /** BASICS **/
      body {}
      h1, .h1 {}
      h2, .h2 {}
      h3, .h3 {}
      h4, .h4 {}
      h5, .h5 {}
      h6, .h6 {}


    /** MENU **/
      .navbar-menofemme .navbar-nav > li {padding: 18px 0px 12px;}


    /** HEADER **/


    /** CONTENT **/
      

    /** FOOTER **/


  }



/**********************************************************************
*** BREAKPOINT LG MAX 1199px
*********************************************************************/
  @media (max-width: 1199px) {

    /** BASICS **/
      body {}
      h1, .h1 {}
      h2, .h2 {}
      h3, .h3 {}
      h4, .h4 {}
      h5, .h5 {}
      h6, .h6 {}

      .btn-menofemme {font-size: 18px; padding: 7px 31px;}


    /** MENU **/


    /** HEADER **/
      .navbar-menofemme .navbar-nav > li {
        padding: 18px 0px 12px;
      }


    /** CONTENT **/
      .content-section-tiles.layout-testimonial .content-area .col-12 {margin-bottom: 30px;}


    /** FOOTER **/


  }



/**********************************************************************
*** BREAKPOINT MD MAX 991px
*********************************************************************/
  @media (max-width: 991px) {

    /** BASICS **/
      body {}
      h1, .h1 {font-size: 40px;}
      h2, .h2 {font-size: 30px;}
      h3, .h3 {font-size: 26px;}
      h4, .h4 {font-size: 18px;}

      .btn-menofemme {font-size: 18px; padding: 7px 25px;}


    /** MENU **/


    /** NAV **/


    /** HEADER **/


    /** CONTENT **/
      .content-section-icons .content-item {margin-bottom: 30px;}

      .content-section-blog article:last-child {display: none;}


    /** PRODUCT **/


    /** FOOTER **/



  }



/**********************************************************************
*** BREAKPOINT SM MAX 767px
*********************************************************************/
  @media (max-width: 767px) {

    /** BASICS **/
      body {font-size: 16px;}

      /*h1, .h1 {font-size: 27px;}
      h2, .h2 {font-size: 24px;}
      h3, .h3 {font-size: 21px;}
      h4, .h4 {font-size: 18px;}*/
      h1, .h1 {font-size: 24px;}
      h2, .h2 {font-size: 21px;}
      h3, .h3 {font-size: 18px;}
      h4, .h4 {font-size: 18px;}

      .xl {font-size: 24px; line-height: 30px;}
      .l {font-size: 21px; line-height: 29px;}

      p {margin: 0 0 10px;}

      .btn-menofemme,
      .btn-menofemme::before {font-size: 16px;}

      .btn-menofemme::before {height: 17px;}


    /** NAV **/
      .navbar-menofemme {height: 75px; padding-top: 0;}
      .navbar-brand {margin: 0 auto; padding-top: 10px;}
      .navbar-menofemme #hauptmenu {max-width: none;}


    /** HEADER **/
      .page-header-bg {height: 70vh;}
      #page-header-bg {height: 70vh;}
      #page-header-content-wrapper {bottom: 20%;}


    /** CONTENT **/
      .content-section-faq .accordion-item .accordion-title {font-size: 16px !important; hyphens: auto;}
      .content-section-faq .accordion-item {padding: 0;}
      .content-section-faq .accordion-item .accordion-title .dashicons {display: none;}

      .content-section-image-text .content-item-image-wrapper {margin-bottom: 15px;}

      .content-section-tiles.layout-expert .tile-item-image {padding: 0 60px 30px;}

      .content-section-contact .content-item {margin-bottom: 60px;}
      .contact-icon .xl {font-size: 57px; margin-bottom: 0;}

      .content-section-tiles.layout-testimonial .content-area.layout-testimonial {background-image: none;}
      .content-item-tile {height: auto;}

      .content-section-blog article:last-child {display: flex;}


    /** PAGE **/


    /** BLOG **/
    .blog-item {padding-bottom: 50px; margin-bottom: 45px; height: auto;}


    /** FOOTER **/
      #social-links {text-align: center; padding-top: 15px;}
      .newsletter-form .nl-email {width: 100%!important;}


    /** FOOTER MENU **/
      #page-footer-menu-mobile {padding: 5px 0; background-color: #61005f;}
      #page-footer-menu-mobile .col-3 {padding-left: 8px; padding-right: 8px;}
      #page-footer-menu-mobile a {color: white; display: block; text-decoration: none; font-size: 12px;}
      #page-footer-menu-mobile .dashicons {display: block; margin: 0 auto;}
      .img-footer {width: 22px; display: block; margin: 0 auto;}


  }



/**********************************************************************
*** BREAKPOINT XS MAX 575px
*********************************************************************/
  @media (max-width: 575px) {

    /** BASICS **/
      body {font-size: 15px;}
      .py-m {padding-top: 30px!important; padding-bottom: 30px!important;}


    /** MENU **/


    /** HEADER **/


    /** CONTENT **/


    /** PAGE **/


    /** FOOTER **/


  }



/**********************************************************************
*** IE 10+
*********************************************************************/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {



  }



/**********************************************************************
*** /*! Flickity v2.2.1
*** https://flickity.metafizzy.co
*********************************************************************/
/*  .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#92B7AC;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}*/



/**********************************************************************
*** MAILCHIMP NEWSLETTER
*********************************************************************/

  .newsletter-form .mc4wp-form-fields {
    position: relative;
    /*height: 40px;*/
    max-width: 360px;
    margin: 0 auto;
  }

  .newsletter-form .submit-wrapper {
    position: relative;
    height: 50px;
  }

  .newsletter-form .nl-name,
  .newsletter-form .nl-lastname {
    width: 46%;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .2);
    border-radius: 60px;
    height: 40px;
    border: none;
    outline: none;
    padding: 0 20px;
    margin-bottom: 15px;
    display: inline-block;
  }

  .newsletter-form .nl-name {margin-right: 3%}
  .newsletter-form .nl-lastname {margin-left: 3%;}

  .newsletter-form .nl-email,
  .newsletter-form .nl-email-submit {
    position: absolute;
    height: 40px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .2);
    border-radius: 60px;
    top: 0;
    border: none;
    outline: none;
    padding: 0 20px;
  }

  .newsletter-form .nl-email {
    width: 360px;
    left: 0;
  }

  .newsletter-form .nl-email-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    margin: 2px;
    cursor: pointer;
    background: #d2b2cf;
    color: #FFFFFF;
    transition: width .35s ease-in-out,
      background .35s ease-in-out;
  }

  .newsletter-form .mc4wp-response {
    position: relative;
    color: white;
    padding: 10px;
    margin-top: 40px;
  }


/**********************************************************************
*** FORMULARE
*********************************************************************/
  /*.wpcf7 {padding: 30px 15px; margin-top: 15px;}
  .wpcf7-form .form-control {height: 40px;}
  .wpcf7-form #formnachricht.form-control {height: 115px;}
  .form-control {
    font-size: 16px;
    border: 1px solid #A8D3C6;
    border-radius: 0;
  }
  .form-control:focus {box-shadow: none; border-color: #fff;}
  .form-control::placeholder {color: #A8D3C6;opacity: 1;}
  .wpcf7-not-valid-tip {display: none !important;}
  .wpcf7-not-valid {
    border: 2px solid #e88d21;
    border-left: 2px solid #e88d21 !important;
    display: block;
    padding: 5px;
  }

  #element-kontakt div.wpcf7-response-output {margin: 15px; border: 2px solid #e88d21;}

  .wpcf7-form #senden.btn.btn-menofemme {margin-top: 18px;}

  .screen-reader-response {display: none;}*/



/**********************************************************************
*** ANIMATIONEN
*********************************************************************/