/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


html,
body{
  width:100%;
  overflow-x:hidden ;
}

.greencircle {
    position: relative;  /* wichtig damit after funktioniert */
}

.greencircle::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: #e3e7dc;
    border-radius: 50%;
    left: -60px;
    bottom: -60px;
    z-index: 0;
}

/* Die Container-Klasse von Elementor braucht einen höheren z-index */
.elementor-element.greencircle > .elementor-container {
    z-index: 1;
    position: relative;
}



.nop p:last-child {
	margin-bottom:0px !important;
}
#content .superheadline strong {
    font-size:17px;
    text-transform: uppercase;
    font-weight:400;
    line-height:1.5em;
    letter-spacing: 1px;
    display:block;
    padding-bottom:10px;
}
#content .schwangerhead {
   
}
#content .schwangerhead strong {
 

    display:block;
    padding-bottom:0px;
  opacity:0.6;
  font-weight:300;
  font-size:0.7em;
  text-transform: uppercase;
}
body {
	margin:0px;
}
#content .page-content .ctabutton .elementor-button:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2); 
box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
}
#content .page-content .ctabutton .elementor-button {
transition:0.2s;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); 
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
}
.whitetext p, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext h5, .whitetext h6, .whitetext ul, .whitetext ol, .whitetext li, .whitetext strong, .whitetext a {
    color: white !important;
}


header.sticky-header {
    --header-height: 100px;
    --shrink-header-to: 0.6;
    --transition: .45s cubic-bezier(.4, 0, .2, 1);
    background-color: rgba(244, 245, 248, 1);
    transition: background-color var(--transition),
                backdrop-filter var(--transition),
                box-shadow var(--transition);



}
header.sticky-header nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu li a{
padding-top:45px;
padding-bottom: 45px;
}
header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu li a{
padding-top:25px;
padding-bottom: 25px;
}


     .page header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu > li:last-child {

            flex-wrap: wrap;
    align-content: center;
    }
/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
   
}
header.sticky-header > .e-con-inner {
    min-height: var(--header-height);
    transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .e-con-inner {
    min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
    header.sticky-header {
        --header-height: 70px;
    }
}

/***
* class: .logo
*/
header.sticky-header .logo img {
    transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
    transform: scale(.8);
}
.circle {
  position: relative;
}

.circle::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: currentColor; /* Übernimmt die Textfarbe oder kann durch eine spezifische Farbe ersetzt werden */
  left: -90px;
  bottom: -90px;
  z-index: -1; /* Platziert den Kreis hinter dem Hauptelement */
}
.hyphens {
    hyphens:auto !important;
}