/*
pink: color:#e2007a;
*/

.container .flexbox {
  margin:0 auto;
}
.header {
  position: relative;
  height:80vh;
}
#page-11 .header {
  height:85vh;
}
#page-24 .parallaxItem {
  height:600px;
}
.headerImg {
  height:100%;
  width:100%;
  position: fixed;
  top:0;
  left:0;
  z-index:-1;
  background-size:100% auto !important;
}
.infoContainer .flexbox {
  width:100%;
  justify-content: space-between;
  align-items: center;
}
.infoContainer {
  background:transparent;
  box-shadow:none;
}

.emailYogaShow::before {
  content: 'info@'
}

.emailYogaShow::after {
  content: 'yogahaus-bad-reichenhall.de'
}

.flex_item img:not([width]) {
  max-width: 100%;
  height:auto;
  display:block;
}
.mainNav ul {
  display:block;
}
.header .flexbox {
  position: relative;
}
.logo {
  position: absolute;
  top:15px;
  left:60px;
}
.logo img {
  max-width: 350px !important;
  width:100%;
  height:auto;
}

.mainNav li a {
  text-shadow: none;
  color:#e2007a;
  padding:5px 15px;
}
.mainNav li a:hover, .mainNav li a:focus, .mainNav li.active a {
  color:#fff;
}

.info.flex_item {
  padding-top:10px;
}
.info span {
  display: inline-block;
  width:50px;
  height:35px;
  cursor:pointer;
  transition:all 0.4s ease;
}
.info span:hover, .info span:focus {
  opacity: 0.7;
}
.info .mail a {
  width:100%;
  height:100%;
  display:block;
  background:url(../assets/at.png) no-repeat center center;
  background-size:contain;
}
.menu_btn a {
  width:40px;
}
.menu_btn a span, .menu_btn a:after, .menu_btn a:before {
  height: 4px;
  border-radius: 3px;
  background: #e2007a;
  box-shadow: 2px 2px rgba(0,0,0,0.6);
  margin: 8px 0;
}

html.mm-opened .menu_btn a:after {
  transform: rotate(-45deg);
  margin-top: -11.5px
}

html.mm-opened .menu_btn a {
  margin-top: 20px
}
.navContainer {
  position: absolute;
  width:100%;
  bottom:0;

}
.navContainer .flexbox {
    justify-content: center;
}
a, .footer a {
  color:#e2007a;
}
.pinkBtn:hover, .pinkBtn:focus {
    background: #c34880;
    color:#fff;
}

h1, h2, h3, .pink {
  color:#e2007a;
}
h2{
  font-family: 'amatic-bold';
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 300;
}
.bfFont {
  font-family: 'roboto_black';
  font-size:3.5em;
}
/*content*/
.wave.container {
  padding:0;
}
#page-21 .textImgContent {
  margin:30px auto;
}
.pageWrapper {
  background:#fff;
  box-shadow:2px -2px 10px rgba(0,0,0,0.4);
}
.textImgContent {
  margin:60px auto;
}
.twoCols {
  column-count:2;
  column-gap:15px;
}
.listImg {
  text-align: center;
}
.marginTop-100 {
  margin-top:100px;
}
.pinkGradient {
  background: rgb(226,0,122);
  background: linear-gradient(77deg, rgba(226,0,122,1) 0%, rgba(176,0,94,1) 100%);
}
.imgRounded img {
  border-radius:20px;
}
.imgOverlay.flexbox {
  align-items: center;
  justify-content: center;
}
.overlayInner {
  flex-direction: column;
  justify-content: space-between;
  color:#242323;
}
.overlayInner .txt p {
  margin:0;
}
.overlayInner h2 {
  color:#242323;
}
.parallaxInner {
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yform {
  margin:0 auto;
}
footer {
  padding:0;
  margin:30px 0 0;
  color:#999;
}
.copy {
  margin-bottom:0;
}
.footer {
  padding:15px;
}
.dark {
  background: rgb(28,27,27);
background: linear-gradient(77deg, rgba(28,27,27,1) 0%, rgba(2,1,10,1) 100%);
}
.footer .flexbox {
  align-items: center;
  justify-content: center;
}
.footer .flex_item {
  width:auto;
}


@media screen and (max-width: 1350px) {
  .flex-50 {
    width:75%;
  }
  .yogaIcons .listImg {
    padding:10px;
  }
  .yogaIcons .listImg img {
    width:80%;
    height:auto;
  }

  .header, #page-11 .header {
    height:600px;
  }

}
@media screen and (max-width:1200px) {
  #page-24 .parallaxItem {
  background-size:contain !important;
  }
}
@media screen and (max-width:1024px) {
  .yogaIcons .listImg {
    width:auto;
  }
  .flex-50 {
    width:100%;
  }
  .header, #page-11 .header {
    height:500px;
  }
}
@media screen and (max-width:768px) {
  h1 {
    font-size:2em;
  }
  p.twoCols {
    column-count:1;
  }
  .header, #page-11 .header {
    height:300px;
  }
  .headerImg {
    background-size: cover !important;
    height:300px;
  }
  .logo {
    position:relative;
    text-align: center;
    left:0;
    top:20px;
  }
  .logo img {
    max-width: 200px !important;
  }
}
@media screen and (max-width:500px) {
  p {
    text-align:justify;
  }
  .image img {
    max-width:100%;
  }
  .bfFont {
    font-size:2.5em;
  }
  .parallaxInner {
    display:block
  }
  #page-24 .parallaxItem {
    height:500px;
    background-size:cover !important;
  }
}