img{max-width:100%;}
*,ul,li,p,h4 ,h6 ,h5,h2,h3,h1 ,ol{margin:0;padding:0;box-sizing:border-box }
html{overflow-x:hidden;}
a{text-decoration:none ;color:inherit }
a:hover{color:inherit }
li{list-style:none }
a{transition:all .3s }
body{  margin:0;padding:0; font-size:20px; font-family: 'Barlow', sans-serif; font-weight:400;  color: #3c1a53; overflow-x:hidden;}
p{ line-height: 1.6;  letter-spacing: -0.01px;}
strong {  font-weight: 700;}
.container { max-width: 780px; width: 100%; margin: 0 auto; padding: 0 15px;}
.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.flex-wrap { -ms-flex-wrap: wrap;  flex-wrap: wrap; }
.justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.justify-content-between { -webkit-box-pack: justify;  -ms-flex-pack: justify; justify-content: space-between; }
.align-items-end {-webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
.align-items-center { -webkit-box-align: center; -ms-flex-align: center;  align-items: center; }
.logo { font-size: 0; }
.logo a{ display: block;}
.header { padding: 30px 0; }
.max-content{ width: 965px; background: #fff;  max-width: 100%; border-radius: 15px; margin: 0 auto;}
.text-center { text-align: center;}
.text-left { text-align: left;}
.main-content {  background-color: #f5ebf4; padding: 100px 15px 40px; }
h1{ font-size: 48px; text-align: center; color: #929838;  line-height: 1.365; }
h2{ font-size: 44px; text-align: center; color: #3c1a53; line-height: 1.435; }
h3{ font-size: 41px; text-align: center; color: #3c1a53; line-height: 1.365;}
h4{  font-size: 26px; line-height: 1.423; color: #af96c7;  text-align: center;  font-weight: 600; }
h5{ font-size: 24px; color: #af96c7;  line-height: 1.5; font-weight: 600;  padding-bottom: 30px;}
h6{ font-size: 20px; line-height: 36px; color: #3c1a53; font-weight: 600; padding-bottom: 20px; }
.content {  background-color: #fff; padding: 70px 0 60px;}
.die-dieser h3 {  padding-bottom: 30px; }
.content p {  padding-bottom: 35px; }
.content h3 , .content h2{ padding-bottom: 40px; }
.content h4{  padding-bottom: 50px;}
.img-txt1 { width: 695px; margin: 0 auto; padding-bottom: 30px; }
.img-txt1 .img-txt-right{ padding-left: 60px; }
.img-txt1 .img-txt-left{ max-width: 240px;  width: 240px;}
.img-txt1 .img-txt-right{ max-width: calc(100% - 240px);  width: calc(100% - 240px);}
.img-txt1 .img-box { width:234px; height:100%; margin: 0; }
.img-txt1 .img-box img { border-radius: 0; }
.img-txt1 .img-txt-right h5 { padding-bottom: 0; }
.img-txt-left{max-width: 290px;  width: 290px;}
.img-txt-right{  max-width: calc(100% - 290px); width: calc(100% - 290px); padding-left: 30px;}
.img-txt-t2 .img-txt-left {  padding-left: 0; padding-right: 25px;}
.img-txt-t2 .img-txt-right {padding-bottom: 10px;}
.img-txt-t2 .img-txt-right img {  object-fit: contain; }
.img-box{  margin-bottom: 50px;  width: 234px;  height: 234px; overflow: hidden;}
.img-txt .img-box{ margin-bottom: 20px;}
.img-box img {  width: 100%; height: 100%;  border-radius: 50%; object-fit: cover;}
.img-txt2 .img-txt-right{ max-width: 260px; width: 260px; padding-left: 20px; }
.img-txt2 .img-txt-left{ max-width: calc(100% - 260px); width: calc(100% - 260px); padding-right: 50px; }
.img-txt2 .img-box{ width: 240px; height: 240px; margin: 0 auto; margin-bottom: 50px;}
.img-txt2 .img-box img{height: 100%;width: auto;  object-fit: inherit; border-radius: inherit;}
.zwei-box{ border-radius: 20px; background: #f5ebf4; color: #af96c7;  padding: 35px 37px 5px;}
.zwei-row p{ padding-bottom: 30px;}
.half-w{ flex: 0 0 50%; max-width: 50%;  width: 50%;}
.zwei-right{ padding-left: 35px;}
.zwei-row .zwei-left p:last-child { padding-bottom: 0; }
.zwei-row .zwei-right .zwei-box { margin-bottom: 15px; }
.zwei-row1 .zwei-right{ padding-left: 25px;}
.zwei-row1 .zwei-left.half-w{ flex: 0 0 51%; max-width: 51%; width: 51%;}
.zwei-row1 .zwei-right.half-w{ flex: 0 0 49%;max-width: 49%;  width: 49%;}
.zwei-row2 { padding-bottom: 20px;}
.zwei-row2 .zwei-box {  padding: 35px 37px 40px;}
.zwei-row2 .zwei-right{ padding-left: 30px;}
.zwei-row2 .zwei-left.half-w{flex: 0 0 48%;  max-width: 48%; width: 48%;}
.zwei-row2 .zwei-right.half-w{ flex: 0 0 52%;  max-width: 52%; width: 52%;}
.die-dieser { padding-bottom: 70px;}
.love-img{  margin-bottom: 35px;}
.our-love-life-sec{  padding-bottom: 80px;}
.our-love-life-sec h4{padding-bottom: 40px  }
.faq-row{ margin-bottom: 20px; background: var(--unnamed-color-f5ebf4) 0% 0% no-repeat padding-box; background: #f5ebf4 0% 0% no-repeat padding-box;
 box-shadow: 0px 6px 7px rgba(0,0,0,0.16); border-radius: 17px; padding: 30px 30px 26px 30px; position: relative;}
.faq-row p{ padding: 0;}
.alignRight{  float: right;  margin-bottom: 15px;  margin-left: 15px; margin-top: 10px;}
.alignLeft{ float: left; margin-bottom: 15px; margin-right: 15px;}
.result-sec {padding-bottom: 60px;}
.benefits h3 ,
.result-sec h3 { color: #af96c7; font-size: 32px; text-align: left;}
.result-sec h3{text-align: left; padding-bottom: 40px; font-weight: 600; }
.result-sec p { padding: 0; }
.benefits h4 {text-align: left; padding-bottom: 50px; color: #3c1a53;}
.benefits h5 { margin-bottom: 30px;}
.num { width: 51px; background: #af96c7; height: 51px; font-size: 30px; font-weight: 600; color: #fff; border-radius: 50%;     align-items: center; }
.benefits-list .faq-row{ padding-top: 5px;  padding-bottom: 5px; height: 100px;}
.benefits-list .faq-row p{ max-width: calc(100% - 52px); padding-left: 25px; color: #3c1a53; font-size: 24px; line-height: 34px;}
.benefits { padding-bottom: 80px; position: relative;}
.text-left h2 {text-align: left;}
.btn-box{ margin-bottom: 40px;}
.btn { background-color: #af96c7; box-shadow: 0px 6px 7px rgba(0,0,0,0.16); border-radius: 10px; letter-spacing: 2px; color: #fffaf8; text-transform: uppercase; height: 100px;
 width: 492px; font-weight: 600; font-size: 35px;line-height: 53px;  margin: 0 auto;  padding: 0 10px;}
blockquote { border-top: 4px solid #af96c7;   border-bottom: 4px solid #af96c7; border-radius: 2px; padding: 20px 30px 30px; margin-bottom: 40px; text-align: center;}
blockquote h5{padding: 0}
.benefits-list .faq-row-right{ width: 235px; max-width: 235px; height: auto; padding: 22px; }
.benefits-list .faq-row-right p {padding: 0; color: #af96c7; font-size: 26px; line-height: 37px; font-weight: 600;  width: 100%; max-width: 100%; text-align: center;}
.benefits-list .faq-row-left{ max-width: calc(100% - 235px);  width: calc(100% - 235px); padding-right: 20px;}
.head-wrap h4 {padding-bottom: 27px;}
.unsere-90 { padding-bottom: 100px; }
.unsere-90 h3{ text-align: left;  font-size: 39px; line-height: 56px; color: #3c1a53; font-weight: 700; }
.sich-die {padding-bottom: 120px;}
.sich-die h4{text-align: left;}
.desk-none{  display: none;}
.studien_sec h4{ text-align: left; color: #3c1a53; padding-bottom: 30px; }
.our-love-life-sec.head-wrap { padding-bottom: 140px;}
.supplement_box { border-radius: 17px; box-shadow: 0px 6px 7px rgba(0,0,0,0.16); background-color: #f5ebf4; padding:45px 35px 25px;  margin-bottom: 40px; }
.supplement_box h4 { color: #3c1a53; font-weight: 600; text-align: left; }
.wie-kann1 h3 { font-size: 39px; line-height: 56px; color: #3c1a53; font-weight: 700; padding-bottom: 50px; }
.wie-kann1 p { font-size: 19px; line-height: 28px; padding-bottom: 30px; }
.sich-die h3{ font-size: 39px; line-height: 56px; color: #3c1a53; font-weight: 700; padding-bottom: 50px;  }
.sich-die h4{ }
.planturn_img { position: absolute; right: 40px; bottom: -18px; }
.plant_sec h3{ padding-bottom: 60px; }
.align_top {    margin-top: -15px; }
.reasons_sec h3 { padding-bottom: 70px; }

#footer { margin-top: 24px; }
#footer nav { }
#footer nav ul {margin: 0; padding: 0; width: 100%; text-align: center; }
#footer nav ul li {display: inline-block; margin-right: 12px; margin-bottom: 12px; }
#footer nav ul li.last { margin-right: 0;  }
#footer nav ul li a { font-family: 'Barlow', sans-serif; font-weight: 400; }

/* ------------------- Media Screen CSS ------------------- */
@media (max-width : 995px) {
.header { padding: 30px 15px }
.content{padding-top: 60px;}
h1{ font-size: 42px; }
h2{  font-size: 36px; }
h3{ font-size: 32px; }
h4{ font-size: 24px; }
h6{  font-size: 20px;}
.die-dieser {padding-bottom: 90px;}
.our-love-life-sec {padding-bottom: 50px;}
.mid-block {padding: 0;}
.main-content {padding-bottom: 40px;}
.result-sec h3, .unsere-90 h3, .sich-die h3	 { font-size: 32px;    line-height: normal; }
.benefits-list .faq-row p { font-size: 21px; }
}
@media (max-width : 767px) {
.header {  padding: 30px 15px }
.content{padding-top: 60px;}
h1{ font-size: 38px; }
h2{ font-size: 30px; }
h3{  font-size: 24px;   line-height: 37px;  }
h4{ font-size: 19px;    line-height: 28px; }
h6{  font-size: 20px;  line-height: 26px;}
.content p { padding-bottom: 30px; }
.die-dieser h3 { padding-bottom: 30px; }
.img-txt-left {  padding-right: 15px;}
.zwei-row { margin: 0; display: block; padding-bottom: 40px; }
.img-txt-left ,.half-w {  width: 100%; max-width: 100%; flex: 0 0 100%;  padding: 0 0 20px; }
.img-txt-right { padding-bottom: 30px; text-align: center; width: 100%; max-width: 100%; }
.img-box {  margin: 0 auto; margin-bottom: 30px }
.zwei-right {padding-bottom: 0;}
.our-love-life-sec , .content h4 {padding-bottom: 30px;}
.die-dieser {padding-bottom: 20px;}
.faq-row p {padding: 0;}
.zwei-box h5 {padding: 0;}
.alignRight{  display: block;  float: none;  margin: 15px 0; }
.benefits-list .faq-row {    padding: 5px 15px;}
.benefits-list .faq-row p {font-size: 19px; line-height: 25px;  padding-left: 10px;     padding-bottom: 0;}
.benefits ,  .result-sec {padding-bottom: 40px;}
.benefits h2, .result-sec h2 , .h2-def h2 {font-size: 28px;}
.btn-box {margin-bottom: 32px;}
.main-content {padding: 70px 15px 40px;}
blockquote { padding: 30px 20px; margin-top: 30px;   margin-bottom: 40px;}
.benefits-list .faq-row-right {  max-width: 145px; width: 145px; }
.benefits-list .faq-row-left { max-width: calc(100% - 145px);  width: calc(100% - 145px);}
.alignRight { margin: 0 auto 30px; max-width: 250px;  }
.img-txt1 { width: 100%;}
.img-txt1 .img-txt-right {  padding: 0 0 20px;}
.zwei-row1 .zwei-left.half-w, .zwei-row2 .zwei-left.half-w { flex: 0 0 100%; max-width: 100%;  width: 100%;}
.zwei-row1 .zwei-right.half-w, .zwei-row2 .zwei-right.half-w { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0;}
.zwei-box, .zwei-row2 .zwei-box { padding: 35px 37px 35px;}
.img-txt-right { padding-left: 0; }
.img-txt2 { flex-direction: column-reverse; }
.img-txt2 .img-txt-left { max-width: 100%;  width: 100% ;  padding-right: 0px; }
.img-txt2 .img-txt-right {  padding-left: 0;  margin: 0 auto;   margin-top: 20px; padding-bottom: 20px;}
.img-txt2 .img-txt-right h5 { display: none; }
.img-txt2 .img-box { margin-bottom: 25px;}
.our-love-life-sec h4 br { display: none; }
.planturn_img { display: none;  position: relative;  right: 0;  bottom: 0;}
.result-sec h3 { font-size: 22px; }
.num {  font-size: 19px;  width: 40px;   height: 40px; }
.zwei-box h5 br { display: none; }
.img-txt1 .img-txt-right h5 { text-align: left; }
.img-txt .img-txt-left h5 { padding: 0px 20px; }
.img-txt .img-txt-right p{  text-align: left; }
.result-sec h3 { padding-bottom: 15px; }
.benefits h4, .studien_sec h4 { font-size: 20px; }
.reasons_sec h3 { padding-bottom: 40px; }
.supplement_box h4 { font-size: 20px; }
.supplement_box p { font-size: 19px; }
.head-wrap h3 { padding-bottom: 20px; }
.our-love-life-sec.head-wrap { padding-bottom: 75px; }
.wie-kann1 h3 { display: flex; flex-wrap: wrap;  flex-direction: column-reverse; text-align: center; padding: 0;}
.wie-kann1 h3 img.alignRight { margin-top: 30px; }
.unsere-90 {  padding-bottom: 70px;}
.unsere-90 h3 { font-size: 26px; text-align: center; }
.unsere-90 h5 { font-size: 19px; text-align: center; }
.sich-die {  padding-bottom: 50px;}
.sich-die h3 { font-size: 26px; line-height: 37px; }
.sich-die h5 { font-size: 19px; text-align: center; }
.btn { height: 70px;  width: 342px;  font-size: 26px; line-height: 36px;}
}
@media (max-width : 575px) {
.content { padding-top: 20px;}
h1{ font-size: 30px; }
h2{ font-size: 27px; }
.header {justify-content: center; display: flex; padding: 20px 15px; }
.img-box { width: 300px; height: 300px; }
.content p {  padding-bottom: 25px; }
.love-img { margin-bottom: 30px;   height: 200px; }
.love-img img { width: 100%; height: 100%;  object-fit: cover;  border-radius: 12px; }
.faq-row p {padding: 0;}
.faq-row { min-height: 78px; padding: 15px; text-align: left; padding-right: 30px;}
.faq-row p { padding: 0; line-height: 1.3; }
.alignRight { margin:0 auto 20px; }
.benefits-list .faq-row { min-height: 100px; padding: 15px ; height: auto;}    
.benefits, .result-sec {  padding-bottom: 45px;}
.btn { max-width: 100%;  }
h5 img {  max-width: 220px; }
.main-content { padding: 0; }
.content { border-radius: 0; padding: 70px 0 35px; }
.header { padding: 20px ;  background: #f5ebf4; justify-content: flex-start; }
.max-content {border-radius: 0;}
.logo img {max-width: 120px;}
.benefits-list .faq-row { max-width: 100%; width:100%;}
.benefits-list .faq-row-left { max-width: 100%; width: 100%; padding: 0; }
.result-sec h3 {padding-bottom: 30px;}
.img-txt1 .img-txt-right { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 0px 20px 20px; }
.img-txt1 .img-txt-left , .img-txt .img-txt-left { margin: 0 auto;height: 100%;}
.img-txt .img-box{  width: 240px; height: 240px;}
.img-txt1 .img-box {  width: 234px; height: 100%;}
.benefits-list .faq-row-right  {  display: none; }
}
@media(max-width: 359px) {
.content p { padding-bottom: 15px; }
.supplement_box {  padding: 45px 15px 25px; }
.img-txt1 .img-txt-right {  padding: 0px 10px 20px; }
.img-txt1 .img-txt-right h5 { font-size: 22px; }
.zwei-box, .zwei-row2 .zwei-box { padding: 35px 30px 35px; }
}