* {
    box-sizing: border-box;
}

/* Skip link for accessibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #28a745;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 10000;
    font-weight: 600;
}

.skip-link:focus {
    top: 0;
}

body, html {
    font-size: 100%;
    font-weight: 100;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

#address a {
    color: white
}

#hero {
  height: 100vh;
}
.hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/me4.jpg");
    position: relative;
    height: 100%;
    background-position: 40% 13vmin;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 768px){
  .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/768/me4.jpg");
    background-position: 50%;
}
}
@media screen and (min-width: 1024px){
  .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/1024/me2.jpg");
    background-position: 30%;
    }
  }
  @media screen and (min-width: 1200px){
  .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/1200/me2.jpg");
    background-position: 0%;
}
}
#hero h1 {
   color: #333;
   font-size: calc(14px + 0.5em);
   padding: 0.5em;
   margin: 0;
 }
 #btn-1a {
 position: absolute;
  top: 19vh;
  right: 1em; 
}
@media screen and (min-height: 568px) {
   #btn-1a {
 position: absolute;
 top: 16vh;
 right: 3vw;
}
}
@media screen and (min-width: 360px) {
   #btn-1a {
 position: absolute;
 top: 14vh;
 right: 3vw;
}
}
 #btn-1b {
 position: absolute;
 top: 10vh;
 right: 0; 
}
@media screen and (min-width: 1024px) {
   #btn-1b {
 position: relative;
 top: 11vh;
 left: 73vw; 
}
}
@media screen and (min-width: 1280px) {
   #btn-1b {
 position: relative;
 top: 21vh;
 left: calc(70vw - 9vmin); 
}
}
@media screen and (min-width: 1500px) {
   #btn-1b {
 position: relative;
 top: 21vh;
 left: calc(45vw + 7vmin); 
}
}
.hero-caption {
    position: relative;
    top: 53vh;
    font-size: calc(14px + 1.8vw + 1.8vh);
}
h1.hero-caption {
    width: 100%;
    text-align: center;
   
    color: white;
    padding: ;
}
@media screen and (min-width: 768px) {
.hero-caption {
    font-size: 4em;
    top: 53vh;
}
}
@media screen and (min-width: 1024px) {
.hero-caption {
    font-size: calc(2em + 2.5vw + 3vh);
    top: calc(40% + 2vmax);
}
}
.caption-bg-white {
  background-color: #BBBDBD;
  color: black;
  opacity: 0.8;
  border-radius: 3%;
  font-size: calc(18px + 0.4vw);
  width: 90vw;
  text-align: center;
}
.caption-test-bg {
  background-color: white;
  
  opacity: 0.5;
  
  position: relative;
  top: calc(40% + 1vmax);
  
}
.caption-test {
  font-size: calc(18px + 0.4vw);
  text-align: center;

}
@media screen and (min-width: 1280px){
  .caption-bg-white {
  width: 76vw;
}
}
@media screen and (min-width: 1440px){
  .caption-bg-white {
  width: 70vw;
}
}
.hero-caption2a {
  font-size: calc(12px + 0.1em);
  color: #ACADB0;
  /*position: relative;
  bottom: 7em;*/
}
@media screen and (min-width: 768px){
.hero-caption2a {
  font-size: calc(12px + 0.3em);
 /* position: relative;
  bottom: 4em;*/
}
}
/*@media screen and (min-width: 1024px){
.hero-caption2b {
  font-size: calc(12px + 0.3em);
  color: black;
}
}*/
.hero-caption2a-bg {
  background-color: #BBBDBD;
  opacity: ;
  border-radius: 3%;
}
/*.hero-caption2b-bg {
  background-color: #BBBDBD;
  opacity: ;
  border-radius: 3%;
  position: relative;
    top: 53vh;
   
}*/

/*@media screen and (min-width: 768px) {
.hero-caption-2a-bg {
    top: 53vh;
}
}*/

.grafik img {
  max-height: 400px;
}


@media screen and (min-width: 1534px) {
  #me-explanation {
    
    margin: auto;

  }
}
#me-explanation.container1 {
max-width: 1534px;
}


#ul-kore-home {
    padding: ;
}
.bg-black {
    background-color: black;
}
@media screen and (max-width: 575px) {
  .card-columns, .card{
    
    margin: 0em !important;
  }
}
.bg-pic1 {
  background-image:  linear-gradient(rgba(0, 0, 0, 3), rgba(0, 0, 0, 0.3)), url("");
 

  height: ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.bg-pic2 {
  background-image:  linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url("");
 

  height: ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#info-text {
    position: relative;
    /*top: 70%;
    width: 100%;*/
    text-align: center;
    /*font-size: 2rem;*/
    color: white;
    padding: 2rem 0;
}
@media screen and (min-width: 1024px){
  #info-text {
    font-size: 1.5rem;
    padding: 3rem;
}
}



#pic-me-bg {
  background-image:  linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url("/img/me.jpg");
  width: 100%;
  min-height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

}
#pic-me-caption {
  position: relative;
  top: 85%;

  font-size: calc(10px + 0.3vw);
  color: white;
  text-align: center;

}

@media screen and (max-width: 599px){
  .hidemdup {
  display: none !important;
}
}
@media screen and (max-width: 914px) and (min-width: 768px) {
  #karte2-lg-mpt-header h2 {
  padding-bottom: 0;
}
}

@media screen and (min-width: 768px) and (max-width: 914px){
  .hide768-914 {
  display: none;
}
}

@media screen and (min-width: 600px){
  .hidesmdown {
  display: none !important;
}
}
.karte-outline {
  border: solid white 1px;
}
.karte-inline {
  max-width: 730px
}
.karte {
  min-height: 55vmin
}
.karte-oben {
  height: 
}
.karte-unten a {
  color: #2960FF;
}

#karte1-header-img-sm img {
 
  position: ;
  left: ;

}
#karte1-header-img-sm {
  position: relative;
  width: 2em;
}


.karte-home {

  max-width: 767px;
  min-height: 55vmin;
}

#bg-karte1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/me-kore.jpg");
  position: relative;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1000;
  height: 300px;
  
}
@media screen and (max-width: 320px){
  .bg-karte {
  zoom: 0.9;
}
}
@media screen and (min-width: 1024px){
  .bg-karte {
  zoom: 1.5;
}
}
@media screen and (min-width: 1200px){
  .bg-karte {
  zoom: 1.7;
}
}
@media screen and (min-width: 1400px){
  .bg-karte {
  zoom: 1.9;
}
}
.bg-color-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("");
}

.bg-karte {
  
  position: relative;
  left: ;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1000;
  height: 300px;

}
.bg-karte1 {
  
  position: relative;
  left: ;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1000;
  height: 300px;

}
#bg-karte2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_165304674.jpg");
  
}
.text-karte {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}


.home-carte {
  min-height: 12em;
  background-color: ;
  border: solid white 2px;
}
@media screen and (min-width: 1920px){
  .home-carte {
  min-height: 18em;
}
}
@media screen and (min-width: 768px){
.home-carte-text {
  text-align: ;
  position: relative;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50% );
  color: white;
}
}
@media screen and (min-width: 1024px){
.home-carte-text {
  text-align: center;
}
.home-carte-text ul {
  list-style: none;
  padding-left: 0;
}
}
#reha-carte1 h3, #reha-carte2 h3 {
  padding: 1em 0;
}
@media screen and (min-width: 768px){
  #reha-carte1 h3, #reha-carte2 h3 {
  padding: 2em 0;
  text-align: center;
}
}
.bg-home-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_136249191.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_57340418.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/lachen.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-4 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/active-exercise-fit-1401796.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}

.bg-home-5 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_63313244.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-6 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/pexels-photo-1332189.jpeg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-7 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/sea-man-person-holiday.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-8 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/img/me-kore.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-9 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/active-activity-adult-1308746.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-10 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_219920571.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-11 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_27104984.jpg");
  position: relative;
  background-position: 0 10%;
  background-size: cover;
}
.bg-home-12 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/action-active-activity-348489.jpg");
  position: relative;
  background-position: 0 90%;
  background-size: cover;
}
.bg-home-13 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_137009382.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.bg-home-14 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_137009382.jpg");
  position: relative;
  background-position: center;
  background-size: cover;
}
.leistungsangebot p {
  display: none
}

.leistungsangebot p, #leistungsangebot ul {
  opacity: 0.7;
}
.leistungsangebot h3 {
  opacity: 0.7;
  font-weight: 100;
  padding: 3em 0;
}
@media screen and (min-width: 1920px){
  .leistungsangebot h3 {
  padding: 5em 0;
}
}


/*

    CC 2.0 License Iatek LLC 2018
    Attribution required

    */
    .zitat, .zitat-name {
        padding: 1em ;
        font-size: 15px;
    }
    #testimonials .container-fluid {
        min-height: 24em;
    }
    @media screen and (min-height: 568px){
        #testimonials .container-fluid {
            min-height: 25em;
        }
    }
    @media screen and (min-height: 667px){
    #testimonials .container-fluid {
        min-height: 24em;
    }
    .zitat, .zitat-name {
            padding: 1em ;
            font-size: 100%;
    }
    }

    @media (min-width: 768px) {
    #testimonials .container-fluid {
        padding: 1em 0 !important;
    }
        .referenz-box-inner{
            border: solid white 1px;
            border-radius: 10px;
            height: 100%;
        } 

        /* show 3 items */
        .carousel-inner .active,
        .carousel-inner .active + .carousel-item,
        .carousel-inner .active + .carousel-item + .carousel-item {
            display: block;
        }
        
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
            transition: none;
        }
        
        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-prev {
          position: relative;
          transform: translate3d(0, 0, 0);
        }
        
        .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -33.3333%;
            z-index: -1;
            display: block;
            visibility: visible;
        }
        
        /* left or forward direction */
        .active.carousel-item-left + .carousel-item-next.carousel-item-left,
        .carousel-item-next.carousel-item-left + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        
        /* farthest right hidden item must be abso position for animations */
        .carousel-inner .carousel-item-prev.carousel-item-right {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            display: block;
            visibility: visible;
        }
        
        /* right or prev direction */
        .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
        .carousel-item-prev.carousel-item-right + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(100%, 0, 0);
            visibility: visible;
            display: block;
            visibility: visible;
        }
    }
    @media (orientation: landscape) and (min-width: 1280px) {
        #testimonials .container-fluid {
        min-height: 15em;
    }
    }






@media screen and (min-width: 768px){
  #gemeinsamZiele {
  padding-bottom: 2em
}
}

/* ==========================================================================
   WebP Background Images (auto-generated)
   Browser mit WebP-Support bekommen diese Bilder
   ========================================================================== */

.webp .hero-bg {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/me4.webp");
}
@media screen and (min-width: 768px) {
  .webp .hero-bg { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/768/me4.webp"); }
}
@media screen and (min-width: 1024px) {
  .webp .hero-bg { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/1024/me2.webp"); }
}
@media screen and (min-width: 1200px) {
  .webp .hero-bg { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/1200/me2.webp"); }
}
.webp #pic-me-bg { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url("/img/me.webp"); }
.webp #bg-karte1 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/me-kore.webp"); }
.webp #bg-karte2 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_165304674.webp"); }
.webp .bg-home-1 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_136249191.webp"); }
.webp .bg-home-2 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_57340418.webp"); }
.webp .bg-home-3 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/lachen.webp"); }
.webp .bg-home-4 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/active-exercise-fit-1401796.webp"); }
.webp .bg-home-5 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_63313244.webp"); }
.webp .bg-home-7 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/sea-man-person-holiday.webp"); }
.webp .bg-home-8 { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/img/me-kore.webp"); }
.webp .bg-home-9 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/active-activity-adult-1308746.webp"); }
.webp .bg-home-10 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_219920571.webp"); }
.webp .bg-home-11 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_27104984.webp"); }
.webp .bg-home-12 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/action-active-activity-348489.webp"); }
.webp .bg-home-13, .webp .bg-home-14 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/AdobeStock_137009382.webp"); }