/* using these mixins:
 *
 * @include smartphone {
 *   body { color: red; }
 * }
*/
/* Media Query Variable */
.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.logo img {
  width: 90px;
}
@media screen and (min-width: 440px) {
  .logo img {
    width: 110px;
  }
}
@media screen and (min-width: 660px) {
  .logo img {
    width: 130px;
  }
}
@media screen and (min-width: 1200px) {
  .logo img {
    width: 150px;
  }
}

.footer img {
  width: 200px;
}

.center {
  text-align: center;
}

.parallax {
  background-image: url("/assets/img/bg/parallax01.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

.z-2 {
  position: relative;
}

.gmap {
  min-height: 500px;
  border: 1px solid var(--stroke-elements) !important;
}

.areal {
  height: 500px;
  border: 1px solid var(--stroke-elements) !important;
}
@media screen and (max-width: 500px) {
  .areal {
    height: 400px;
  }
}

.map,
.gmap,
.areal,
.about-info__item {
  margin-bottom: 40px;
  overflow: hidden;
  background: white;
  border-radius: var(--_radius);
}
.map img,
.gmap img,
.areal img,
.about-info__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (max-width: 768px) {
  .map img,
  .gmap img,
  .areal img,
  .about-info__item img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
}

.gallery__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: var(--_radius);
  -webkit-border-radius: var(--_radius);
  -moz-border-radius: var(--_radius);
  -ms-border-radius: var(--_radius);
  -o-border-radius: var(--_radius);
}
@media only screen and (max-width: 768px) {
  .gallery__item img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
}

.gmap .inner {
  border-radius: var(--_radius);
  -webkit-border-radius: var(--_radius);
  -moz-border-radius: var(--_radius);
  -ms-border-radius: var(--_radius);
  -o-border-radius: var(--_radius);
}
.gmap .consent-message {
  margin: auto;
  color: var(--t-bright);
  font-size: 1.9rem;
  line-height: 2.9rem;
}
@media screen and (min-width: 768px) {
  .gmap .consent-message {
    max-width: 67rem;
  }
}
@media screen and (min-width: 1200px) {
  .gmap .consent-message {
    max-width: 78rem;
  }
}
.gmap p,
.gmap a {
  font-size: 1.9rem;
}
.gmap .btn {
  padding: 6px 25px;
  margin-top: 20px;
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.gmap .btn:hover {
  background: var(--primary);
  color: var(--neutral-white) !important;
}

@media only screen and (min-width: 768px) {
  .space-right {
    max-width: 67rem;
  }
}
@media only screen and (min-width: 1200px) {
  .space-right {
    max-width: 78rem;
  }
}
.collapsed {
  max-height: 300px;
  overflow: hidden;
  position: relative;
}

.read-more-link {
  display: inline-block;
  margin-top: 40px;
  cursor: pointer;
}

#about-text {
  height: 350px;
  overflow: hidden;
  transition: height 1.5s ease !important;
  -webkit-transition: height 1.5s ease !important;
  -moz-transition: height 1.5s ease !important;
  -ms-transition: height 1.5s ease !important;
  -o-transition: height 1.5s ease !important;
}

#about-text.expanded {
  overflow: visible;
}

#calendar {
  width: 100%;
}

.eversports-box {
  border: 1px solid var(--stroke-elements) !important;
  border-radius: var(--_radius) !important;
  -webkit-border-radius: var(--_radius) !important;
  -moz-border-radius: var(--_radius) !important;
  -ms-border-radius: var(--_radius) !important;
  -o-border-radius: var(--_radius) !important;
  background: #fff;
  overflow: hidden;
}
.eversports-box .col-md-4 {
  padding-right: 0 !important;
}
.eversports-box__left {
  background: #fff;
  padding: 3rem;
}
@media only screen and (min-width: 768px) {
  .eversports-box__left {
    max-width: 67rem;
  }
}
@media only screen and (min-width: 1200px) {
  .eversports-box__left {
    max-width: 78rem;
  }
}
.eversports-box__right {
  content: "";
  background-image: url("/assets/img/yoga/close-up-relaxed-young-woman-practicing-yoga-cobra-pose-home.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

@media only screen and (min-width: 768px) {
  .form-container {
    max-width: 67rem;
  }
}
@media only screen and (min-width: 1200px) {
  .form-container {
    max-width: 78rem;
  }
}

.calendar__box {
  margin-top: 4.5rem;
}

@media only screen and (min-width: 768px) {
  .calendar__box {
    margin-top: 5.7rem;
  }
}
@media only screen and (min-width: 992px) {
  .calendar__box {
    margin-top: 6.4rem;
  }
}
@media only screen and (min-width: 1200px) {
  .calendar__box {
    margin-top: 5.9rem;
  }
}
@media only screen and (min-width: 1400px) {
  .calendar__box {
    margin-top: 6.6rem;
  }
}
@media only screen and (min-width: 1600px) {
  .calendar__box {
    margin-top: 6.9rem;
  }
}
.ul-dots ul {
  list-style-type: circle;
  padding-left: 30px;
  margin-top: -20px;
  margin-bottom: 20px;
}
.ul-dots ul li {
  padding-bottom: 15px;
}

strong,
b {
  font-weight: 500;
}

.main__intro .headline__subtitle {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main__intro .headline__subtitle {
    font-weight: 400;
    color: var(--t-medium);
  }
}
@media screen and (max-width: 768px) {
  .main__intro .btn-line-small {
    font-weight: 500;
  }
}

.eupopup-container a {
  font-size: 16px;
}

.eupopup-container .eupopup-body a {
  color: #dadada;
}

#kurse {
  .inner__content {
    .stack-wrapper {
      .services-stack__image {
        .service-img-m {
          aspect-ratio: 2 / 3;
          &.object-position-right {
            object-position: right;
          }
        }
      }
    }
  }
}