@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
*, *::before, *::after {
  box-sizing: border-box;
}
.is-style-block-bg-pattern-lengs { background-image: url("/wp-content/themes/hypnosepraxis-klein/inc/images/box-patern-lengs-mintgruen.png"); background-blend-mode: inherit; }
/* 
**
** wp standard gutenberg blocks 
**
*/
/*h1-h6*/
.wp-block-heading {
  margin-bottom: 8px;/**/
	
}

h1.wp-block-heading:after {
    content: ' ';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    border-bottom: 3px solid;
    margin-top: -1.15em;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	    z-index: -1;
    position: relative;
}
h1.wp-block-heading{
	background-color: #dae9ca;
    /*padding: 0 .5em;*/
	color: /*rgb(167,219,195)*/ #85af9c;
    text-shadow: 1px 0px 2px rgba(198, 216, 208, 0.5);
		max-width: fit-content;
    margin-bottom: 4rem;
	}

h1.wp-block-heading span { display: block; background-color: #e6f1dc;     padding: 0 1.5rem; }
h1.wp-block-heading.has-text-align-center {
	margin: 0 auto
}
/* 
**
** gutenberg blocks -Plugin Erweiterung
**
*/
section.wp-block-element-section {}
div.wp-block-element-div {}
/*div.wp-block-element-max-breite {
  margin: 0 auto;
}*/
/* 
**
** LAYOUT
**
*/
/**/
/*header*/
header {
  z-index: 3;
  top: 0
}
header {
  display: flex;
  position: fixed;
  width: 100%;
  max-width: 100%;
}
header div.wp-block-element-max-breite {
  width: 100%; padding:0;
}
header div.wp-block-element-max-breite div.wp-block-inline {
  width: 100%
}
header div.wp-block-element-max-breite div.wp-block-inline {
  width: 100%;
  display: flex;
  align-items: center /*flex-start*/;
  padding: 0
}
header div.wp-block-element-max-breite div.wp-block-inline {
  padding: 12px 0;
}
header#move.sticky {
  background-color: #fff;
  max-height: 40px
}
header#move.sticky div.wp-block-inline {
  padding: 6px 0 0 0;
  align-items: unset;
}
/**/
/* LOGO */
#block-element-logo {
  justify-content: flex-start;
  display: flex;
}
header div.wp-block-element-max-breite div.wp-block-inline div#block-element-logo a img {
  max-height: 68px;
}
header.sticky div.wp-block-element-max-breite div.wp-block-inline div#block-element-logo a img {
  margin-top: -8px
}
/*Navigation */
div#wp-block-element-navigation-header {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  div#wp-block-element-navigation-header {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}
header nav#nav-header {
  margin-top: 8px
}
header.sticky nav#nav-header {
  margin-top: 0px
}
@media only screen and (max-width: 880px) {
  header nav#nav-header {
    margin-top: 0px
  }
}
/*main - content*/
main div.wp-block-content {
  position: relative;
}
/* footer */
footer {
  position: relative;
  width: 100%;
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  background-color: cadetblue;
}
footer div.wp-block-element-max-breite {
  width: 100%
}
footer div.wp-block-element-max-breite div.wp-block-inline {
  width: 100%
}
div#wp-block-element-copyright {
  text-align: center;
  padding: 0;
}
/* 
**
** DESIGN
**
*/
/*
**
** wp standard **
** gutenberg editor blocks 
**
*/

/*div.wp-block-button {
  margin-top: 24px;
}
div.wp-block-button a.wp-block-button__link.wp-element-button {
  border-radius: 0.4em;
  font-weight: 600;
}
div.wp-block-content div.wp-block-element-div div.wp-block-button {
  text-align: center;
  margin: 24px 0
}
*/

/*Listen*/
/*assets - js - editor.js*/
/*Stil*/
ul.is-style-block-liste {
  margin-left: 32px;
}
ul.is-style-block-liste li {
  margin-bottom: 8px;
  line-height: 24px
}
ul.is-style-block-liste-check {
  margin-left: 32px;
  list-style: none
}
ul.is-style-block-liste-check li {
  margin-bottom: 16px;
  position: relative;
  padding-left: /*32px*/ 25px;
  line-height: 24px;
  font-size: 18px
}
ul.is-style-block-liste-check li::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url("/wp-content/themes/hypnosepraxis-klein/inc/images/icon-liste-check.svg") no-repeat center;
  background-size: auto;
  background-size: 100%;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: /*10*/ 4px;
}
/*Liste Pfeil*/
ul.is-style-block-liste-pfeil {
  margin-left: 32px;
  list-style: none
}
ul.is-style-block-liste-pfeil li {
  margin-bottom: 16px;
  position: relative;
  padding-left: /*32px*/ 40px;
  line-height: 24px;
  font-size: 18px
}
ul.is-style-block-liste-pfeil li::before {
  content: "";
  width: /*15*/ 32px;
  height: /*15*/ 16px;
  background: url("/wp-content/themes/hypnosepraxis-klein/inc/images/icon-arrow.png") no-repeat center;
  background-size: auto;
  background-size: 100%;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: /*10*/ 4px;
}
@media only screen and (max-width: 781px) {
	/*Liste Pfeil*/
ul.is-style-block-liste-pfeil {
  margin-left: 0px;
  list-style: none
}
}

/* 
**
** gutenberg blocks - Plugin Erweiterung
**
*/
/* Element accordion-box */
details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste:before {
  background: #083a56;
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
details[open].wp-block-element-accordion-box.is-style-block-accordion-zeitleiste:before {
  background: transparent;
  border: 3px solid #0099bc;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste:after {
  content: "";
  width: 3px;
  background: #083a56;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
details[open].wp-block-element-accordion-box.is-style-block-accordion-zeitleiste:after {
  content: "";
  width: 3px;
  background: #0099bc;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
details.is-style-block-accordion-zeitleiste summary::-webkit-details-marker, details.is-style-block-accordion-zeitleiste summary::marker {
  display: none;
  content: "";
}
details.is-style-block-accordion-zeitleiste summary {
  background-color: transparent;
  padding: 0px 40px 0px 40px;
}
details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste summary {
  margin-bottom: 8px;
  line-height: 32px;
  font-size: 21px;
  font-weight: 600;
  color: #083a56;
  text-transform: uppercase
}
details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste summary h2 {
  margin-bottom: 8px;
  line-height: 32px;
  font-size: 21px;
  font-weight: 600;
  color: #083a56;
  text-transform: uppercase
}
details[open].wp-block-element-accordion-box.is-style-block-accordion-zeitleiste summary {
  text-transform: unset;
  color: #0099bc;
}
details[open].wp-block-element-accordion-box.is-style-block-accordion-zeitleiste summary h2 {
  text-transform: unset;
  color: #0099bc;
}
@media only screen and (max-width: 560px) {
  details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste summary {
    margin-bottom: 8px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
  }
  details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste summary h2 {
    margin-bottom: 8px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
  }
}
details.wp-block-element-accordion-box > div.wp-block-inline {
  padding: 8px 0 8px 0
}
details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste div.wp-block-inline {
  padding: 8px 40px !important
}
/*.wp-block-element-div.linie.schatten .wp-block-element-max-breite .wp-block-inline*/
details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste div.wp-block-inline {
  padding: 24px 40px
}
@media only screen and (max-width: 560px) {
  details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste .wp-block-inline {
    font-size: 1.0125em;
  }
}
@media only screen and (max-width: 560px) {
  details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste p {
    font-size: 16px;
  }
}
/*sonstiges*/
.linie.schatten {
  box-shadow: 0 24px 24px -24px rgba(200, 200, 200, .75) inset;
  -moz-box-shadow: 0 24px 24px -24px rgba(200, 200, 200, .75) inset;
  -webkit-box-shadow: 0 24px 24px -24px rgba(200, 200, 200, .75) inset;
}


/****/

/*body {
  background-color: #ddebef
}
footer {
  background: linear-gradient(130deg, #00ccc1 12%, #00a9cc 80%);
}
*/
/*
**
** wp standard **
** gutenberg editor blocks 
**
*/
/*div.wp-block-button a.wp-block-button__link.wp-element-button {
  background-color: #ee7214ff
}*/
/* SCHRIFT  */
/*
 * {
  font-family: "Baloo Bhaijaan 2", sans-serif;
}
h1 {
  font-size: 32px;
}
*/
@media only screen and (max-width: 720px) {
  h1 {
    hyphens: auto;
	  font-size:28px;

  }
.is-style-block-bg-dark h1.wp-block-heading span {
    background: var(--bg-dark-green);
    padding: 0 0rem;
    margin: 0 0px;
}
}
 /*h2 {
  font-size: 24px;hyphens: auto ;
}
.wp-block-inline > h2.is-style-block-heading-box {
  hyphens: auto
}
p {
  font-size: 1.125em;
}
p {
  color: #083a56;
}
p {
  margin-bottom: 8px;
  line-height: 24px;
  letter-spacing: 0.01rem;
  color: #303030
}
*/
@media only screen and (min-width: 1440px) {
 /* h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 27px;
  }
  p {
    font-size: 18px;
    line-height: 28px
  }*/
}
/*h1.wp-block-heading {}
.block-intro h2.wp-block-heading {
  font-weight: 600;
}
.wp-block-inline > h2.wp-block-heading {
  font-size: 28px;
  letter-spacing: 0;
  line-height: 1.5em;
  position: relative;
}*/
/*CONTENT*/
/*.block-intro IMAGE*/
div.wp-block-cover img.wp-block-cover__image-background {
  object-fit: contain;
  object-position: 100% 100% !important;
  scale: 0.735;
  right: -100px;
  position: absolute;
  left: auto;
}
@media only screen and (max-width: 781px) {
  div.wp-block-cover img.wp-block-cover__image-background {
    object-position: 50% 100% !important;
    object-fit: contain;
  }
  div.wp-block-cover img.wp-block-cover__image-background {
    object-fit: contain;
    object-position: 100% 100% !important;
    right: 4px;
    position: absolute;
    left: auto;
  }
}
@media only screen and (max-width: 560px) {
  div.wp-block-cover img.wp-block-cover__image-background {
    object-position: 50% 100% !important;
    object-fit: contain;
  }
  div.wp-block-cover img.wp-block-cover__image-background {
    object-fit: contain;
    object-position: 100% 100% !important;
    scale: 1;
    right: 4px;
    position: absolute;
    left: auto;
  }
}
@media only screen and (max-width: 781px) {
  .wp-block-cover.block-intro {
    min-height: auto !important;
  }
  div.wp-block-content div.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-2.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.wp-block-cover.has-custom-content-position.is-position-center-left.block-intro {
    min-height: 100vh !important;
  }
}
/*
**
** Abschnitt **
** FAQ 
**
*/
#faq > h2 {
  margin-bottom: 32px;
  line-height: 40px;
  color: #0099bc !important;
  font-size: 28px
}
#faq .is-style-element-heading-small {
  font-weight: 600;
  color: #083a56;
  opacity: 1;
  line-height: 25px;
}
div#faq.wp-block-element-div div.accordion-content div.wp-block-element-max-breite div.wp-block-inline div.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group__inner-container details.wp-block-element-accordion-box.is-style-block-accordion-zeitleiste div.wp-block-inline {
  padding: 8px 40px 0px
}
div#faq.wp-block-element-div div.wp-block-button {
  text-align: left;
  margin: 24px 0;
}
div#faq.wp-block-element-div div.wp-block-button a {
  font-size: 1rem
}
div#faq.wp-block-element-div:last-child .wp-block-element-max-breite .wp-block-inline {
  padding: 0px 12.5% 64px 12.5%;
}
@media only screen and (max-width: 560px) {
  div#faq.wp-block-element-div:last-child .wp-block-element-max-breite .wp-block-inline {
    padding: 0px 8% 64px 8%;
  }
}
/* Abschnitte Allgemein */
#ablauf, #dienstleistungen, #faq {
  padding: 48px 0
}
#bewertungen {
  padding: 80px 0 0
}


/*responsiv*/

@media only screen and (min-width: 0px) {
  .wp-block-element-nav-icon {
    position: relative;
    right: 20px;
    margin: 0;
   /* width: 32px;
    height: 32px;*/
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 5.5px;
    z-index: 200
  }
  .wp-block-element-nav-icon span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 9px;
    background: #32373c;
    opacity: 1;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .wp-block-element-nav-icon span:nth-child(1) {
    top: 0;
  }
  .wp-block-element-nav-icon span:nth-child(2), .block-menue-icon span:nth-child(3) {
    top: 9px;
  }
  .wp-block-element-nav-icon span:nth-child(4) {
    top: 18px;
  }
  .wp-block-element-nav-icon.open span:nth-child(1) {
    top: 18px;
    left: 50%;
    width: 0%;
  }
  .wp-block-element-nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	  top:8px
  }
  .wp-block-element-nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	  top:7px
  }
  .wp-block-element-nav-icon.open span:nth-child(4) {
    top: 18px;
    left: 50%;
    width: 0;
  }
 /* header div.wp-block-inline div#block-hauptnavigation div.block-menue-icon {
    right: 5%;
    top: /*3%* /*9rem* 9.75rem;
  }
  .noscroll header div.wp-block-inline div#block-hauptnavigation.open div.block-menue-icon.open {
    right: 5%;
    margin-top: /*12px* -32px;
  }
	
	header#moveHeader div.wp-block-element-max-breite div.wp-block-inline div#block-hauptnavigation div#block-circle-menue-icon div.block-menue-icon{
    right: 5%;
    margin-top: 24px;
  }*/
	
}


/*header
div#wp-block-element-navigation-header*/
div.wp-block-element-nav-icon{
	display:none;
}
nav#nav-header{display:block}

@media only screen and (max-width: 880px) {
/*header
div#wp-block-element-navigation-header*/	
div.wp-block-element-nav-icon{
	display: block;
}
		
	#wp-block-element-navigation-header nav#nav-header{display:none}
	#wp-block-element-navigation-header.open nav#nav-header{display:block}
 #wp-block-element-navigation-header.open nav#nav-header{
    width: 55vw;
    position: absolute;
    top: 0;
    height: 100vh;
    background-color: #fff;
    left: 0;
}
	
	#wp-block-element-navigation-header.open nav#nav-header .element-navigation-container{
    display: flex;
    height: 100%; align-items: center; padding: 16px;
}
	#wp-block-element-navigation-header.open nav#nav-header .element-navigation-container ul#menu-navigation.element-navigation li.menu-item {
    display: block;     margin: 0 0 16px 0;
}
	
	
header	.element-navigation {
    gap: 1.5rem;
    flex-direction: column;
}
	header {
		/*height: 48px;*/
		    align-items: center;
	}
}
.stoerer , .is-style-block-stoerer {

    background-color: #e6f1dc;
}
.stoerer p:first-child, .is-style-block-stoerer  p:first-child{
	    font-size: 2em;
    color: cadetblue ;
    text-transform: uppercase;
	  font-family: 'Lilita One', cursive;
	
	margin: 0;
    transform: rotate(-2deg);
    display: block;
    line-height: 1.75em;
}
.stoerer p:first-child strong, .is-style-block-stoerer  p:first-child strong{
	    color: cadetblue ;

}

.stoerer p:last-child, .is-style-block-stoerer p:last-child{
    font-family: Kaushan Script, cursive;
    font-size: 1.85em;
    color: rgb(167, 219, 195);
    transform: rotate(-2deg);
    margin: -0.3em 0 1em 0.5em;
	
	margin: 0;
    transform: rotate(-2deg);
    display: block;
    line-height: 1.75em;
}

.stoerer .wp-block-button a.wp-element-button, .is-style-block-stoerer  .wp-block-button a.wp-element-button{
background: #1a1a1a; */
    border: 0;
    border-radius: 2px;
    /* color: #fff; 
    font-family: Montserrat, "Helvetica Neue", sans-serif;*/
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
    background-color: #ffdcc2 !important;
    color: cadetblue !important;
    font-size: 1rem;
    cursor: pointer;
}


hr {
    background-color: #fff;
    border: 0;
    height: 3px;
    margin: 1.75em 0;
 
    background-color: #e6f1dc !important;
 
    background-color: #d1d1d1;
    border: 0;
    height: 1px;
    margin: 0 0 1.75em;
}


.carousel-slid-item img {
	max-width:100%; height:auto
}