/*
Theme Name:     ArtLife.Coach
Theme URI:      https://artlife.coach
Description:    Child theme for the Divi theme by elegantthemes
Author:         nexTab - Oliver Gehrmann & Stefan Imhoff
Author URI:     https://nextab.de
Template:       Divi
Version:        1.0
*/

/*********************************************
************ Commons / Toolchain *************
*********************************************/

h1, h2, h3, h4{
  line-height: 1.2;
  font-family: 'Londrina Solid', Garamond, sans-serif;
  letter-spacing: 0.039em;
  word-break: keep-all;
	word-wrap: normal;
	padding-bottom: 0.35em;
}
.londrina{
  line-height: 1.2;
  font-family: 'Londrina Solid', Garamond, sans-serif;
  letter-spacing: 0.039em;
  word-break: keep-all;
	word-wrap: normal;
}
h5, h6, body {
  line-height: 1.2;
  font-family: 'Mulish', Arial, sans-serif;
}
body {
  font-size: 1rem;
}

.cookie-logo.brlbs-dialog-logo {
  border-radius: 500px;
}

#main-content { 
  overflow: hidden; 
}
.et-pb-icon.insta {
  font-family: FontAwesome !important;
  font-weight: 400 !important;
  color: #ffffff;
  font-size: 26px;
}
.et_pb_text ul li {
  margin-bottom: 0.5em;
  line-height: 1.2;
}

#menu-fusszeile li::after {
  content:"|";
  color: #fff;
  display: inline-block;
  padding-left:22px;
  padding-right: 0;
}
#menu-fusszeile li:last-child::after {
  display: none;
}
/* Bloom */
.et_bloom .et_bloom_form_container,
.et_bloom .et_bloom_form_container div,
.et_bloom .et_bloom_form_container span:not(.et_bloom_close_button),
.et_bloom .et_bloom_form_container h2,
.et_bloom .et_bloom_form_container h3,
.et_bloom .et_bloom_form_container h4,
.et_bloom .et_bloom_form_container p,
.et_bloom .et_bloom_form_container a,
.et_bloom .et_bloom_form_container font,
.et_bloom .et_bloom_form_container img,
.et_bloom .et_bloom_form_container strike,
.et_bloom .et_bloom_form_container strong,
.et_bloom .et_bloom_form_container b,
.et_bloom .et_bloom_form_container u,
.et_bloom .et_bloom_form_container i,
.et_bloom .et_bloom_form_container ol,
.et_bloom .et_bloom_form_container ul,
.et_bloom .et_bloom_form_container li 
.et_bloom .et_bloom_optin .et_bloom_form_container p, .et_bloom .et_bloom_optin .et_bloom_form_container p span, .et_bloom .et_bloom_optin .et_bloom_form_container p strong, .et_bloom .et_bloom_optin .et_bloom_form_container form input, .et_bloom .et_bloom_optin .et_bloom_form_container form button span
{
  line-height: 1.2!important;
  font-family: 'Mulish', Arial, sans-serif!important;
}
.et_bloom .et_bloom_form_header h1,
.et_bloom .et_bloom_form_header h2,
.et_bloom .et_bloom_form_header h3,
.et_bloom .et_bloom_form_header h4 {
  font-family: 'Londrina Solid', Garamond, sans-serif!important;
  font-weight: 400!important;
  letter-spacing: 0.039em;
  word-break: keep-all;
  word-wrap: normal;
  padding-bottom: 0.35em;
}
._form ._form_element._x33098558 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
  overflow: hidden;
}
/* Borlabs Cookie 3 */

/* Sperrnachricht mobil groß genug anzeigen: */
.brlbs-cmpnt-cb-main {
  min-height: calc(450px - (0.4 * 100vw));
}


/* Bloom / AC Forms */

._form ._form-branding {
  display: none;
}
.et_bloom .et_bloom_optin_1 .et_bloom_form_content button {
  text-transform: initial!important;
  ;
  border-radius: 50px!important;
  width: 100%;
  letter-spacing:0;
  font-size: inherit;
  padding: 0.6em 1em ;
}
.et_bloom .et_bloom_form_content input,
.et_bloom .et_bloom_form_content select,
.et_bloom .et_bloom_form_content button {
  font-family: mulish;
}
.et_bloom .et_bloom_form_container .et_bloom_form_content label,
.et_bloom .et_bloom_form_content #mc_embed_signup .mc-field-group {
  margin-bottom: 0.3em;
  font-size: 95%;
}
.et_bloom ._form ._form_element {
  margin-bottom: 25px;
}

.et_bloom_optin form label{
  color: #000!important;
  text-align:center;
  font-weight: 700;
  margin-bottom: 0.35em!important;
}
body.et_bloom .et_bloom_form_container .et_bloom_form_content input,
body.et_bloom .et_bloom_form_container .et_bloom_form_content textarea,
body.et_bloom .et_bloom_form_content #mc_embed_signup .mc-field-group input,
body.et_bloom .et_bloom_form_content .af-body input.text,
body.et_bloom #mc_embed_signup .mc-field-group select,
body.et_bloom .et_bloom_form_get_response .et_bloom_form_content .wf-input,
body.et_bloom .et_bloom_form_content .mimi_field #signup_field_reference {
  border-radius: 5px!important;
  border: solid 2px #000;
  background-color: #eee!important;
  color:#000!important;
  text-align: center;
}
body.et_bloom .et_bloom_form_container.et_bloom_rounded button {
  border-radius: 50px!important;
}
.et_bloom .et_bloom_form_container .et_bloom_form_content input::placeholder,
.et_bloom .et_bloom_form_container .et_bloom_form_content textarea::placeholder,
.et_bloom .et_bloom_form_content #mc_embed_signup .mc-field-group input::placeholder,
.et_bloom .et_bloom_form_content .af-body input.text::placeholder,
.et_bloom #mc_embed_signup .mc-field-group select::placeholder,
.et_bloom .et_bloom_form_get_response .et_bloom_form_content .wf-input::placeholder,
.et_bloom .et_bloom_form_content .mimi_field #signup_field_reference::placeholder { 
  color: #000000cc!important;
}

.et_bloom_optin .et_bloom_form_content {
  position: relative;
  overflow: visible;
}
body.et_bloom .et_bloom_popup .et_bloom_form_container {
  width: 90%;
}
.et_bloom_optin .et_bloom_form_content::before {
  content: '';
  display: block;
  position: relative;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 30px min(320px, 40vw) 0 min(320px, 40vw);
  border-color: #000 transparent transparent transparent;
  top:0;
  left: 0;
}
body.et_bloom .et_bloom_form_content input, body.et_bloom .et_bloom_form_content select, 
body.et_bloom .et_bloom_form_header p {
  font-size: 16px;
}

@media all and (min-width:1400px) {
  body.et_bloom .et_bloom_form_content input, body.et_bloom .et_bloom_form_content select, 
  body.et_bloom .et_bloom_form_header p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  body.et_bloom .et_bloom_form_container button {
    float: none !important;
  }
}
/* END: Bloom */
#logo {
  max-height: 100%
}
@media (max-width: 980px) {
  #main-header .logo_container {
    text-align: center;
  }
}

@media only screen and (min-width:1400px) {
  body .et_pb_bg_layout_light .et_pb_post p,
  body .et_pb_bg_layout_dark .et_pb_post p,
  body.et_divi_theme {
    font-size: 1.125rem;
  }
  .bubbles_medium.et_pb_row {
    max-width: 800px;
  }
  .bubble_background.large {
    max-width: 565px;
  }
  .bubble_background.small {
    max-width: 340px;
  }
}
/* Seitenhöhe. min. 100vh */
#page-container {
  min-height: 100vh;
}
#page-container, #et-main-area {
  display: flex;
  flex-direction: column;  
  flex-grow: 1;
}
#page-container #main-footer {
  margin-top: auto;
}
/* / Seitenhöhe. min. 100vh */
/* START Desktop Hamburger Hauptmenü */
@media only screen and (min-width:981px) {
  #top-menu-nav {
    display: none;
  }
  #et_mobile_nav_menu {
    display: block!important;
  }
  #mobile_menu {
    max-width: 400px!important;
    margin-left: auto;
    right: 0
  
  }
}
/* END Desktop Hamburger Hauptmenü */

/* START Current Item Effekt Hauptmenü */
#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a
{
  color: #fff!important;
}
#et_mobile_nav_menu li.current-menu-item > a,
#et_mobile_nav_menu li.current_page_item > a {
  position: relative
}
#main-header .et_mobile_menu li ul.sub-menu,
#main-header .et_mobile_menu li ul.sub-menu li{
  padding-left: 0;
}

#main-header .et_mobile_menu li {
  position: relative;
  text-align: center;
}
#top-menu li.current-menu-ancestor > a::before,
#top-menu li.current-menu-item > a::before,
#top-menu li.current_page_item > a::before{
  display: block;
  background-size: 100% 100%;
  background-image: url(https://artlife.coach/wp-content/uploads/2024/05/Testimonial-7-rot-n.svg); 
  width: 120%;
  width: calc(100% + 20px);
  height: 42px;
  left:-10px;
  position: absolute;
  z-index: -1;
  transform: translateX(-00%)translateY(-30%);
}
#et_mobile_nav_menu li.current-menu-item > a,
#et_mobile_nav_menu li.current_page_item > a{
  display: block;
  background-size: 100% 100%;
  background-image: url(https://artlife.coach/wp-content/uploads/2024/05/Testimonial-7-rot-n.svg); 
  width: auto;
  font-size:16px;
  max-width: 300px;
  margin: 0 auto;
}
#et_mobile_nav_menu li.current-menu-item > a::after, #et_mobile_nav_menu li.current_page_item > a::after {
  content: '';
  width: 100%;
  height: 42px;
  position: absolute;
  left:0;
  margin-top:-10px
}
#top-menu li li.current_page_item > a::before {
  transform: translateY(-15%);
}
#top-menu .nav li ul {
  right: 50%
}
/* END Current Item Effekt Hauptmenü */

@media all and (max-width:1300px) {
  div.bubble_bg_growing.et_pb_section {
    background-image: none!important;
  }
  div.bubble_bg_growing.et_pb_section >:first-child {
    position: static

  }
  div.bubble_bg_growing.et_pb_section::before,
  div.bubble_bg_growing.et_pb_section::after 
  {
    content: '';
    display: block;
    width: 120%;
    position: absolute;
    left:-10%;
    padding-bottom: 50vw;
    padding-bottom: min(50vw,800px);
    background-image: url(https://artlife.coach/wp-content/uploads/2024/04/Kreis-8-weiss.svg) !important;
    background-size: cover;
	  top:0;
  }
  div.bubble_bg_growing.et_pb_section::after {
    bottom: 0;
    background-position: bottom;
    top: initial
  }
  div.bubble_bg_growing.et_pb_section >:first-child::before {
    content: '';
    display: block;
    width: 120%;
    position: absolute;
    left:-10%;
    background-color: #fff;
    height: 50%;
    height: calc( 102% - min(100vw, 1600px));
    top: 50%;
    transform: translateY(-49%)
  }
}



.et_pb_video .et_pb_video_box {
  width: 100%;
}

.auto-hyphenation {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto; 
}

.small_width {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}


.vertical-center { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: column; 
            flex-direction: column; 
    -webkit-box-pack: center; 
        -ms-flex-pack: center; 
            justify-content: center;
} 

.vertical-bottom { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: column; 
            flex-direction: column; 
    -webkit-box-pack: end; 
        -ms-flex-pack: end; 
            justify-content: flex-end;
} 

.vertical-space-between { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: column; 
            flex-direction: column; 
    -webkit-box-pack: justify; 
        -ms-flex-pack: justify; 
            justify-content: space-between;
} 

@supports not (shape-outside: radial-gradient(farthest-side
                              at var(--pos-x, 100%), 
                              transparent 99%, red)) {
  div.bubble_background {
    position: relative;
    padding: 0%!important;
    background-size: 100% 100%;
    aspect-ratio: 1/1;
  }
  .bubble_background .bubble_inner_content_wrap {
    padding: 15%!important;
  }
  .bubble_background .bubble_inner_content_wrap .et_pb_text_inner {
    padding: 0!important;
  }
}
@supports (shape-outside: radial-gradient(farthest-side
                              at var(--pos-x, 100%), 
                              transparent 99%, red)) {
  .bubble_background {
    aspect-ratio: 1/1;
    position: relative;
    word-wrap: normal;
  }
  div.bubble_background {
    height: 100%;
    width: 100%;
    display: block;
    background-size: contain;
    position: relative!important;
    padding-top: 0!important;
  }
  .bubble_background .bubble_container {
    display: contents;
  }
  .bubble_background  h1,
  .bubble_background  h2,
  .bubble_background  h3 {
    word-wrap: normal;
  }
  .bubble_background .bubble_container::before,
  .bubble_background .bubble_container::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    height: 100%;
    --bite: radial-gradient(farthest-side
                              at var(--pos-x, 100%), 
                              transparent 99%, red);
    shape-outside: var(--bite);
    content: '';
    top: 0;
    position: relative;
    top: 0;
    shape-margin: 5%;
    /*outline: 1px solid red;*/
  }
  .bubble_background .bubble_container::after {
    float: right;
    --pos-x: 0;
    position: relative;
    /*outline: 1px solid green;*/
    right:0;
  }
  .bubble_background.no_padding_top .bubble_inner_content_wrap {
    padding-top: 0!important;
  }
  .bubble_background.small .bubble_inner_content_wrap >:first-child {
    padding-top: 24% !important;
  }
}

.testimonials-start::before {
  content: "";
  display: inline-block;
  position: absolute;
  top:5%;
  left: -4.5%;
  background-image: url("https://artlife.coach/wp-content/uploads/2024/05/apostroph1.svg");
  background-repeat: no-repeat;
  width: 8%;
  padding-bottom: 5%;
  background-size: contain;
}
.testimonials {
  overflow: visible;
}

.testimonials-ende::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom:5%;
  right: -4.5%;
  background-image: url("https://artlife.coach/wp-content/uploads/2024/05/apostroph1.svg");
  background-repeat: no-repeat;
  width: 8%;
  padding-bottom: 5%;
  background-size: contain;
  background-size: -100% -100%;
  visibility: visible;
  -moz-transform: scaleY(-1)scaleX(-1);
    -o-transform: scaleY(-1)scaleX(-1);
    -webkit-transform: scaleY(-1)scaleX(-1);
    transform: scaleY(-1)scaleX(-1);
    filter: FlipV, FlipH;
    -ms-filter: "FlipV", "FlipH";
  
}
@media all and (max-width:981px) {
   .testimonials::before {
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
  }
  .testimonials::after {
    bottom:-60px;
    right: 50%;
    transform: translateX(50%);
  }
}
@media only screen and (min-width: 981px) {
  .et_pb_testimonial.testimonial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .et_pb_testimonial.testimonial .et_pb_testimonial_portrait {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .et_pb_testimonial.testimonial >.et_pb_testimonial_description {
    margin-left: auto !important;
    width: 100%;
  }
}
.et_pb_testimonial.testimonial .et_pb_testimonial_author {
  margin-top: 1em
}

/*********************************************
************* Responsive Design **************
*********************************************/

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


@media only screen and ( max-width: 980px ) { 
	.reverse-responsive { 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-flow: column-reverse;
                flex-flow: column-reverse; 
    }	
}

@media only screen and ( max-width: 767px ) { 
  .testimonials::before {
    left:50%;
    top:-2%;
    transform: translateX(-50%);
    width: 18%;
    padding-bottom: 10%;
  }
  .testimonials::after {
    right:50%;
    bottom:-2%;
    transform: translateX(50%);
    width: 18%;
    padding-bottom: 10%;
  }
}

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

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

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