/*
Theme Name: Buteyko Süd 2026
Author: Sebastian Graßl
Author URI: https://www.werbung-ms.de
Theme URI: https://www.werbung-ms.de
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: butekyosued
Requires at least: 6.8
Requires PHP: 8.2
Tested up to: 6.8
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/

:root {
  --buteyko-default-gradient: linear-gradient(0deg, rgb(28 143 163 / 5%) 25%, rgb(188 223 79 / 2%) 81%);
}

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background: linear-gradient(0deg, rgb(28 143 163 / 5%) 25%, rgb(188 223 79 / 2%) 81%);
}

header {
    position: sticky;
    background: white;
    z-index: 10;
    width: 100%;
    top: 0;
    padding-bottom: 13px;

    .sticky-header & {
      box-shadow: 0 0 10px #949494;
    }
}

header .buteyko-logo-menu-wrapper {
  display: flex;


  @media (max-width: 599px) {
    & > div {
      justify-content: space-between;
      width: 100%;
    }
  }
}

.has-special-divider{
	margin-bottom: 100px;
}

.has-special-divider:before {   

  content: "";
  width: 100%;
  height: 85px;
  position: absolute;
  bottom: -20.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 33vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg data-name='Layer 1' viewBox='0 0 1200 120' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'><path d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25' fill='%23BCDF4F'></path><path d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5' fill='%23BCDF4F'></path><path d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z' fill='%23BCDF4F'></path></svg>");

}

.wp-block-coverxxx img {
  mask-image: url('data:image/svg+xml,%3Csvg data-name="Layer 1" viewBox="0 0 1200 120" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%2523BCDF4F"%3E%3C/path%3E%3Cpath d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="%2523BCDF4F"%3E%3C/path%3E%3Cpath d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%2523BCDF4F"%3E%3C/path%3E%3C/svg%3E');
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg data-name="Layer 1" viewBox="0 0 1200 120" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%2523BCDF4F"%3E%3C/path%3E%3Cpath d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="%2523BCDF4F"%3E%3C/path%3E%3Cpath d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%2523BCDF4F"%3E%3C/path%3E%3C/svg%3E');

  mask-size: cover;
  -webkit-mask-size: cover;
}

footer {
  margin-top: 50px;
  background: var(--wp--preset--color--accent-1 );
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;

  .wp-block-navigation__container {
    display: flex;
  }
}

.ff-el-form-control,
input {
    font-family: var(--wp--preset--font-family--inter );
    font-size: var(--wp--preset--font-size--medium );
}

.wp-site-blocks {
  padding-bottom: 0 !important;
}

blockquote p{
  font-size: 1.3rem;
}

.wp-block-image.is-style-clipmask {
  img {
    /* mask-waves2.svg */
    mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxODAwIDQ1MCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjQuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS40IEJ1aWxkIDIyNikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBvcGFjaXR5OiAuMjsKICAgICAgfQoKICAgICAgLnN0MCwgLnN0MSB7CiAgICAgICAgaXNvbGF0aW9uOiBpc29sYXRlOwogICAgICB9CgogICAgICAuc3QxIHsKICAgICAgICBvcGFjaXR5OiAuNTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMHY0MTMuMWM3MS43LDEzLjEsMTU1LjQsMTksMjM3LDE2LjUsMTA1LjUtMy4yLDIwNC41LTE5LjcsMzEwLjItMjIuMiwxMTAuOC0yLjYsMjIxLjMsMTAsMzI3LjMsMjAuOCwxMDMuOSwxMC42LDIwNy40LDE0LjcsMzE0LjEsNy43LDU0LjItMy41LDEwNC44LTEwLjUsMTU2LjctMTcuMywxMzktMTguMiwzMjQuMi00MS40LDQ1NC43LTJWMEgwWiIvPgogIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wLDB2Mzk1LjFjMTkuNSwxMi41LDQxLjUsMjQuMiw3MS41LDMzLjIsNzcuNiwyMy4yLDE3NiwyMywyNjUuMywxMS41LDQ2LjctNiw5MC4xLTE1LjQsMTM0LjUtMjMuNSw2MS40LTExLjIsMTI3LjEtMjcuMiwxOTYuMi0yOS4zLDU0LjQtMS43LDEwNi40LDUuNiwxNDcuOSwxOC42LDQ3LjcsMTUsOTMuNSwzNi42LDE1NS40LDQzLjEsNjAuNyw2LjQsMTIyLTQsMTc4LjctMTQuMyw1Ni43LTEwLjQsMTEyLjctMjMsMTc1LjQtMjUuNCw4OS42LTMuNSwxNjkuOSwxMy41LDI1My40LDIyLjksNDUuMyw1LjEsODguNSwzLjYsMTMwLjYtNC40LDMzLjYtNi40LDcyLTE1LjksOTEtMjkuMVYwSDBaIi8+CiAgPHBhdGggZD0iTTAsMHYzODkuMWMyMjQuOSwzMS41LDQ3MS4xLDM4LjgsNzEzLjcsMjEuOCw2NC41LTQuNSwxMjYuMy0xMS45LDE5MS40LTE1LjYsODguNS01LjEsMTY4LjcsNy4yLDI0OC4zLDIwLjksODguNCwxNS4yLDE3NS41LDI1LjgsMjczLjMsMjIuNywxMjkuOC00LjEsMjU4LjctMjcsMzczLjItNTAuMVYwSDBaIi8+Cjwvc3ZnPg==");
    -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxODAwIDQ1MCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjQuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS40IEJ1aWxkIDIyNikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBvcGFjaXR5OiAuMjsKICAgICAgfQoKICAgICAgLnN0MCwgLnN0MSB7CiAgICAgICAgaXNvbGF0aW9uOiBpc29sYXRlOwogICAgICB9CgogICAgICAuc3QxIHsKICAgICAgICBvcGFjaXR5OiAuNTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMHY0MTMuMWM3MS43LDEzLjEsMTU1LjQsMTksMjM3LDE2LjUsMTA1LjUtMy4yLDIwNC41LTE5LjcsMzEwLjItMjIuMiwxMTAuOC0yLjYsMjIxLjMsMTAsMzI3LjMsMjAuOCwxMDMuOSwxMC42LDIwNy40LDE0LjcsMzE0LjEsNy43LDU0LjItMy41LDEwNC44LTEwLjUsMTU2LjctMTcuMywxMzktMTguMiwzMjQuMi00MS40LDQ1NC43LTJWMEgwWiIvPgogIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wLDB2Mzk1LjFjMTkuNSwxMi41LDQxLjUsMjQuMiw3MS41LDMzLjIsNzcuNiwyMy4yLDE3NiwyMywyNjUuMywxMS41LDQ2LjctNiw5MC4xLTE1LjQsMTM0LjUtMjMuNSw2MS40LTExLjIsMTI3LjEtMjcuMiwxOTYuMi0yOS4zLDU0LjQtMS43LDEwNi40LDUuNiwxNDcuOSwxOC42LDQ3LjcsMTUsOTMuNSwzNi42LDE1NS40LDQzLjEsNjAuNyw2LjQsMTIyLTQsMTc4LjctMTQuMyw1Ni43LTEwLjQsMTEyLjctMjMsMTc1LjQtMjUuNCw4OS42LTMuNSwxNjkuOSwxMy41LDI1My40LDIyLjksNDUuMyw1LjEsODguNSwzLjYsMTMwLjYtNC40LDMzLjYtNi40LDcyLTE1LjksOTEtMjkuMVYwSDBaIi8+CiAgPHBhdGggZD0iTTAsMHYzODkuMWMyMjQuOSwzMS41LDQ3MS4xLDM4LjgsNzEzLjcsMjEuOCw2NC41LTQuNSwxMjYuMy0xMS45LDE5MS40LTE1LjYsODguNS01LjEsMTY4LjcsNy4yLDI0OC4zLDIwLjksODguNCwxNS4yLDE3NS41LDI1LjgsMjczLjMsMjIuNywxMjkuOC00LjEsMjU4LjctMjcsMzczLjItNTAuMVYwSDBaIi8+Cjwvc3ZnPg==");

    mask-position: center bottom;
    -webkit-mask-position: center bottom;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
  }
}

button[type="submit"] {

  /*
  border: 0;
  padding: 0.4em 1.5em;
  background: var( --wp--preset--color--darkbrown );
  font-weight: 700;
  color : var( --wp--preset--color--darkbrown );
  */

  padding: 10px 30px;
  background-color: var( --wp--preset--color--accent-1 );
  font-size: 1em;
  color: #fff;
  cursor: pointer;
  margin: 0;
  border-radius: 10px;
  outline: none;
  border: none;
  text-transform: uppercase;


  &:hover {
    background-color: var( --wp--preset--color--accent-2 );
    color: var( --wp--preset--color--black );
  }

  text-decoration: none !important;

  transition: 0.3s;

  /* &:after {
    content: '\f101';
    font-family: iconmix;
    margin-left: 10px;
  } */


}