/*
Theme Name: The Breath Space Theme
Theme URI: https://www.breath-space.de
Author: FARN digital brand design
Author URI: https://www.farn.de
Version: 1.0.0
Text Domain: breath-space-theme
*/

html {
    box-sizing:border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga", "clig";
    -moz-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "lnum";
    -moz-font-feature-settings: "liga", "lnum";
    font-feature-settings: "liga", "lnum";
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
    margin-top: 0 !important;
    overflow-x: hidden;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}
body {
    margin: 0;
    padding: 0;
    background-color: var(--wp--preset--color--lightbeige);
}

/* Headings */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color:inherit;
    text-decoration: none !important;
}
h2:first-child {
  margin-top: 0;
}
h3 {
  margin-top: 1.2rem !important;
  margin-bottom: 1rem;
}

/* header */
header {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  transition: 0.3s;
}
header.scrolled {
  box-shadow: 0 0 40px rgba(0,0,0,0.15);
}
header.active {
  background-color: var(--wp--preset--color--lightbeige);
}
.logged-in header {
  top: var(--wp-admin--admin-bar--height);
}
.head-logo a {
  display: inline-block;
}
.head-logo img {
  margin: 14px 10px 14px 5vw;
}

/* menu */
.wp-block-navigation {
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
    gap:0;
    flex-direction: column;
}
.wp-block-navigation .wp-block-navigation-item {
  width: 100%;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child {
    flex-wrap: wrap;
    justify-content: center;
}
.wp-block-navigation ul > li > a {
    padding: 1rem 5vw 1rem 5vw;
    width: 100%;
    border-top: 1px solid #ddd;
    font-weight: 500;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > a{
    padding:1rem 5vw 1rem 5vw;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > .wp-block-navigation__submenu-icon svg path{
    stroke-width:1.2;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    border:none !important;
    padding:0;
    position: relative !important;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container > li > a{
    padding:1rem 10vw;
    font-size: 0.9em;
}
.wp-block-navigation ul > li:last-child > a {
  border-bottom: 1px solid #ddd;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container > li:last-child > a{
    border-bottom: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
  width: 29px;
  height: 58px;
  margin: 0;
  box-sizing: content-box;
  position: absolute;
  right: 0;
  padding: 0 5vw 0 20px;
  z-index: 100;
  align-self: start;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  height: 16px;
  margin-top: 0;
}

.wp-block-navigation-item__content:hover{
    color: var(--wp--preset--color--teal)!important;
}
.wp-block-navigation .wp-block-buttons {
  margin-left: 5vw;
  margin-bottom: 25px;
}


    @media only screen and (max-width: 989px) {
      /* HOVER DISABLE */
      .wp-block-navigation-submenu__toggle.visible svg {
        transform: rotate(180deg);
      }
      .wp-block-navigation-item.wp-block-navigation-submenu:hover > ul {
        display: none;
      }
      .wp-block-navigation-submenu__toggle.visible + ul {
        display: block;
      }
    }



.entry-content {
  margin-block-start: 97px;
}
.translated-ltr .entry-content {
  margin-block-start: 154px;
}



/* widths */
.alignfull {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 3rem;
}
.alignwide {
   width:90%;
   margin-left:auto;
   margin-right:auto;
 }
.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull {
   width:100%;
 }
.entry-content > :not(.alignwide):not(.alignfull),
.wp-block-cover.alignfull > .wp-block-cover__inner-container > :not(.alignwide):not(.alignfull),
.wp-block-group.alignfull > :not(.alignwide):not(.alignfull) {
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

/* paddings and margins for alignfull blocks */
.wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull{
    padding:3rem 0;
}
.alignfull + * {
    margin-top: 3rem;
}
.alignfull + .alignfull,
.alignfull + footer {
    margin-top: 0 !important;
}
.entry-content > *:last-child:not(.alignfull) {
    margin-bottom:3rem;
}


/* cover-blocks */
.wp-block-cover.alignfull.has-custom-content-position {
  padding:2rem !important;
}


/* FORM */
.acf-fields > .acf-field {
  padding: 0 !important;
  border: 0 !important;
  position: relative;
}
.acf-field .acf-label label {
  position: absolute;
  top: 17px;
  z-index: 1;
  left: 20px;
  color: #ababb0;
  font-weight: normal !important;
  transition: 0.3s ease;
}

.acf-field:focus-within label, .acf-field.has-value label {
  top: 8px;
  font-size: 13px;
  color: var(--wp--preset--color--darkbrown);
}
.acf-required {
  color: inherit!important;
}

input,
textarea {
  background-color: #fff;
  border: 0;
  appearance: none;
  border-radius: 0;
  padding: 26px 20px 11px 20px !important;
  font-family: var(--wp--preset--font-family--noto-sans);
  font-size: var(--wp--preset--font-size--medium) !important;
  transition: 0.3s;
  color: var(--wp--preset--color--darkbrown);
  outline: 0;
  box-shadow: none !important;
}
input:focus, textarea:focus {
  box-shadow: 0 2px 0 0px inset var(--wp--preset--color--teal) !important;
}
.acf-form-submit input {
  margin-top: 20px;
  background-color: var(--wp--preset--color--teal);
  color: #fff;
  border-radius: 40px;
  padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.acf-notice.acf-error-message.-dismiss.-error {
  position: relative;
  margin-top: 50px;
}

.acf-notice.-error.acf-error-message {
  position: absolute;
  z-index: 1;
  top: -22px;
}


.wp-block-button.ico-schnecke a,
.acf-form-submit input {
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.2477 30.2311'%3E%3Cg id='Ebene_1-2'%3E%3Cpath d='M14.6003,14.933c.2842-.8584.4413-2.0207-.015-3.2818-.5835-1.6105-2.7303-4.3758-7.0913-4.5125-4.2488-.1291-6.5153,2.788-6.5377,2.8184l-.4563.585c2.446-3.8441,5.2885-5.7965,5.4306-5.8952.1122-.0912,2.2516-1.7169,5.4306-2.902,2.9996-1.1167,7.5775-2.0511,12.3274-.1671.1496.0456,2.3114.7141,4.6602,2.4386,2.2366,1.6485,5.1015,4.6189,6.074,9.4277.6134,3.0691.2842,5.6216-.374,7.6196-.3741,1.1395-.8603,2.0967-1.3315,2.8716-1.3913,2.2563-2.9846,3.411-3.1118,3.5098-.0972.0835-1.1744.9876-2.9397,1.6561-6.0366,2.3018-14.4743-1.922-14.018-9.139.1047-1.6562.748-4.7329,3.8673-6.6853,2.7901-1.7473,7.2334-.8204,8.8192,2.1955,1.4287,2.7273.0374,6.9511-3.2913,7.2626-1.2941.1216-2.9622-.471-3.6653-1.846-.6882-1.3523-.2992-2.9856.4563-3.7301.6882-.6761,1.9374-1.0787,3.0444-.3646.4788.3038.7705.7141.8603,1.1927.0673.357,0,.7521-.1646,1.0787-.2992.5698-.8902.6458-1.3539.471-.2918-.1139-.5012-.357-.5311-.6001-.015-.1444.0299-.2811.1421-.3571.1496-.1063.3516-.1139.5161-.0152.1571.0912.2319.2583.2095.4407-.015.1215-.0673.2127-.1272.2734' fill='none' stroke='%23fefcf7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3998,18.8227c.7106.0152,1.0398-1.0104.9874-1.3598' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M20.9585,18.5795c.1496-.038.5386-.4938.3665-1.1472-.172-.6533-.8677-.9496-.8677-.942' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M20.6143,18.5337c-.0598-.114-.3516-.7217-.9949-.9116-.7704-.2279-1.5334.6533-1.5409.6609' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M20.547,19.058s-.7704-.3418-1.309.0988c-.576.4786-.9949,1.6333-.5386,2.4386' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M20.7565,19.4077s-.5162.2279-.6957.8888c-.1197.4558-.2618,1.8005,1.2043,2.5222' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M21.34,19.7876s-.2619.2658-.2544.6685c.015,1.3218,2.2291,1.8992,2.2815,1.884' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M21.8187,19.5595s-.187.7369.6283,1.1775c1.0921.5926,2.3713.4407,2.5583.0532' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M22.3648,19.3466s.1346.1747.4039.3191c.3591.1975.763.2507,1.2118.1671,1.4362-.2659,1.885-1.5042,1.885-1.5194' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M22.5891,18.6022c.0524.038.4563.1671.9351.0608,1.3314-.3039,1.9897-2.3171,1.9897-2.3247' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M22.6341,17.736s.7929-.1747,1.2866-1.4282c.5909-1.4814.0598-2.241.0149-2.279' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M21.8486,16.8853c.3366-.0836.9874-1.2155.763-2.507-.2244-1.2611-1.2492-1.6713-1.2567-1.6713' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M20.8537,16.5436s.5161-.5926-.1422-2.0891c-.6657-1.5194-1.9972-1.9296-2.0121-1.9296' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M19.7391,16.7104c.0374-.0911.1422-1.4737-.9051-2.279-1.0323-.7977-2.6779-.9116-2.6929-.9192' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M19.021,17.0983c-.2842-.6837-.6881-1.451-1.9747-1.884-1.1894-.4027-2.6705-.0836-2.6854-.076' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M18.3702,17.7588s-.561-1.0408-2.1991-1.2763c-2.1618-.319-3.2165,1.3143-3.2839,1.5194' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M17.9813,18.5567s-1.3165-.7749-2.7154-.2507c-1.9747.7445-2.805,2.2107-2.6554,3.3578' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M18.0337,19.7795s-1.3539-.2886-2.4834.5774c-1.1445.8736-2.5284,2.5146-1.9374,4.3226' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M18.3478,20.8735s-1.9523.7217-2.618,2.4766c-.6658,1.7624-.4189,3.6313.4413,4.1782' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M19.2455,21.9448s-1.541.9496-1.7055,2.6437c-.1796,1.8232.4488,3.844,1.698,4.6721' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M20.3974,22.5224s-.7256,1.5954-.5685,3.054c.1646,1.5041,1.698,3.8668,3.4335,4.2922' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M21.8561,22.7197s-.3292,2.2031,1.6606,4.1251c2.0421,1.9752,4.8995,1.4206,5.0865,1.299' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M23.801,22.0893s-.1272.7369.5012,1.6789c.6358.9572,1.1295,1.3599,2.3039,1.8688.6732.2963,3.1417,1.132,5.2735-.5849' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M25.0501,20.6608s.0224.2583.4039.6914c.3591.4102,1.0547.9875,2.3413,1.4282,1.713.5849,4.6303.1139,6.4704-2.8337' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M25.8206,18.7088s1.3389,1.1851,3.3885,1.1471c1.9673-.0304,4.3086-2.2258,5.1614-4.8088.0149-.038.1197-.357.1346-.4026' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M25.6486,16.5433c1.9748.8965,4.2338-.0455,5.7373-2.393,1.6008-2.4917.9949-5.5609.9874-5.5913' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M24.2572,14.3402c.561.1672,1.5709,0,2.5283-.5469.8453-.4938,1.9748-1.5346,2.5209-3.7149.9724-3.882-1.4213-6.2446-1.4437-6.2674' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M22.0955,12.9273c.8901-.0456,1.9374-.6989,2.6629-1.7321,1.0772-1.5422,1.4063-3.5402.8752-5.3558-.935-3.2135-3.3137-4.6341-3.3212-4.6417' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M19.1631,12.5322c.9201-.3039,1.6831-1.1775,2.0945-2.4082,0-.0152.0075-.0228.015-.038.5834-1.7777.2992-3.7832-.763-5.3786-1.9823-2.9628-5.3559-3.7604-5.3858-3.768' fill='none' stroke='%23fefcf7' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M16.403,13.3451s.5311-.5926,1.0098-1.8689c.1496-.4102.4713-1.5193.1422-2.8792-.3441-1.4206-1.2792-2.6817-2.7677-3.7604-3.3736-2.4386-6.2685-1.7245-6.2984-1.7169' fill='none' stroke='%23fefcf7' stroke-linecap='round' stroke-miterlimit='10' stroke-width='.4'/%3E%3Cpath d='M21.2651,19.605c.4255,0,.7705-.3504.7705-.7825s-.345-.7825-.7705-.7825-.7704.3503-.7704.7825.3449.7825.7704.7825Z' fill='%23fefcf7' stroke='%23fefcf7' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position:right 1.3rem center;
  padding-right: 4rem!important;
}


/* Media & Text */
.wp-block-media-text {
  background-color: transparent !important;
}
.wp-block-media-text > .wp-block-media-text__media {
  margin-right: 2rem;
  z-index: 1;
}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
  margin-right: 0;
  margin-left: 2rem;
}
.wp-block-media-text > .wp-block-media-text__content {
  padding-top: 3.5rem;
  padding-bottom: 2rem;
  top: -2rem;
  position: relative;
  margin-left: 2rem;
  margin-bottom: -2rem;
}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
  margin-left: 0;
  margin-right: 2rem;
}
.wp-block-media-text.has-beige-background-color > .wp-block-media-text__content {
  background-color: var(--wp--preset--color--beige);
}
.wp-block-media-text.has-lightteal-background-color > .wp-block-media-text__content {
  background-color: var(--wp--preset--color--lightteal);
}

/* button */
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.acf-form-submit input:hover {
  background-color: #60c3c2;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
  color: #70d3d2;
}



/* Startbild */
.startbild .wp-block-cover__inner-container h1 {
  max-width: 100%;
  width: 100% !important;
  padding:0 2vw 2rem 0;
}
@media only screen and (max-width: 989px) {
  .startbild {
    justify-content: flex-start !important;
    align-items: start !important;
  }
}



/* Footer */
footer {
  margin-top: 0;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer ul li {
  margin-bottom: 7px;
}
footer img {
  max-width: 180px !important;
}
footer a {
  text-decoration:none;
  color: var(--wp--preset--color--darkbrown);
}
footer a:hover {
  color: var(--wp--preset--color--brown);
}



.logged-in {
  padding-top: var(--wp-admin--admin-bar--height);
}

/* media queries -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 600px) {
   /* Media & Text */
   .wp-block-media-text {
    padding-top: 3rem;
  }
  .wp-block-media-text > div {
    min-height: 400px;
  }
   .wp-block-media-text > .wp-block-media-text__media {
    margin-right: 0;
    top: -3rem;
  }
  .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
    margin-left: 0;
  }
   .wp-block-media-text > .wp-block-media-text__content {
    top: 0;
    margin-bottom: 0;
    margin-left: -3rem;
    padding-left: calc(8% + 3rem);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    margin-right: -3rem;
    padding-right: calc(8% + 3rem);
    padding-left: 8%;
  }
}

@media only screen and (min-width: 990px) {

    .header-inner {
      margin: 0 auto;
    }
    .head-logo img {
      margin: 21px 10px 22px 40px;
      width: 200px !important;
    }
    /* main menu */
    .wp-block-navigation {
      flex-direction: row;
      width: auto;
    }
    .wp-block-navigation .wp-block-navigation-item{
        width: auto;
    }
    .wp-block-navigation ul > li > a{
        padding: 14px 15px;
        border: 0;
    }
    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
      flex-direction: row;
      flex-grow: 1;
      justify-content: center;
      padding-left: 14px;
    }
    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child {
        flex-wrap: nowrap;
        justify-content: center;
        margin-right: 9px;
    }
    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > a {
        padding: 11px 2px 11px 15px;
        border: 0;
    }
    .wp-block-navigation ul.wp-block-navigation__submenu-container {
        left: -6px !important;
        right: auto !important;
        width: auto !important;
        -webkit-box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
        box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
        padding:0;
        min-width: 260px !important;
        position: absolute !important;
    }
    .wp-block-navigation .wp-block-navigation__submenu-icon {
      position: relative;
      padding: 0;
    }
    .wp-block-navigation-submenu:hover > a {
      color: var(--wp--preset--color--teal)!important;
    }
    .wp-block-navigation-submenu:hover > button > svg > path {
      color: var(--wp--preset--color--teal);
    }
    .wp-block-navigation ul.wp-block-navigation__submenu-container > li > a {
      padding: 17px 22px 18px;
      border-bottom: 1px solid #ddd;
    }
    .wp-block-navigation ul > li:last-child > a {
      border-bottom: none;
    }
    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > .wp-block-navigation__submenu-icon svg path {
      stroke-width: 1;
    }
    .wp-block-navigation .wp-block-buttons {
      margin-left: 0;
      margin-bottom: 0;
    }

    .entry-content {
      margin-block-start: 145px;
    }
    .translated-ltr .entry-content {
      margin-block-start: 200px;
    }
    

    /* cover-blocks */
    .wp-block-cover.alignfull.has-custom-content-position {
        padding:8rem !important;
    }

    /* paddings and margins for alignfull blocks */
    .alignfull {
        margin-top:6rem;
    }
    .wp-block-group.alignfull.has-background,
    .wp-block-cover.alignfull{
        padding:6rem 0;
    }
    .alignfull + * {
        margin-top: 6rem;
    }
    .entry-content > *:last-child:not(.alignfull) {
        margin-bottom:6rem;
    }
}


@media only screen and (max-width: 990px) {
}

/* special media query for content width plus 10vw */
@media only screen and (min-width: calc(1200px + 10vw)) {
   
}