/* General */

  a.anchor {
      display: block;
      position: relative;
      top: -100px;
      visibility: hidden;
  }

  html p {
    font-size: 14px;
    font-family: arial !important;
  }

  @include media-breakpoint-up(sm) {
    html p {
      font-size: 16px;
    }
  }

  @include media-breakpoint-up(md) {
    html p {
      font-size: 20px;
    }
  }

  @include media-breakpoint-up(lg) {
    html p {
      font-size: 28px;
    }
  }

/* Navbar */

  .view {
      background-color: #a8daf7;
      background-size: cover;
  }
      
  .navbar {
      background-color: #a8daf7;
  }

  .top-nav-collapse {
      background-color: #a8daf7;
  }

  @media only screen and (max-width: 768px) {
      .navbar {
          background-color: #a8daf7;
      }
  }

/* Start */

  @media screen and (min-width: 768px) {
      .hand-1 img {
          height: 70%!important;} }


/* Ergotherapie */

  .custom-border {
  	border-radius: 20px;
  	border: 4px solid #a8daf7;

  }

  @media screen and (min-width: 768px) {
      #ergotherapie p {
          font-size: 50px !important;
          font-weight: bold !important; } }


/* Beratung */

  @media screen and (max-width: 767px) {
      .logo-figur img { 
          top: -150px !important; 
          right: 40px !important; 
          width: 50% !important;} }

  @media screen and (min-width: 767px) {
      .logo-figur img {
          width: 80% !important;
          right: 400px !important;
          top: -150px !important;} }

  @media screen and (min-width: 992px) {
      .logo-figur img {
          width: 80% !important;
          right: 500px !important;
          top: -200px !important;} }

  @media screen and (min-width: 1200px) {
      .logo-figur img {
          right: 600px !important;
          top: -240px !important;} }

/* Therapie */ 

  .carousel {
    background-color: #a8daf7;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .multi-item-carousel .carousel-inner .carousel-item {
    transition: 500ms ease-in-out left;
  }
  .multi-item-carousel .carousel-inner .active.left {
    left: -33%;
  }
  .multi-item-carousel .carousel-inner .active.right {
    left: 33%;
  }
  
  @media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner .carousel-item {
      transition: 500ms ease-in-out left;
      transition: 500ms ease-in-out all;
      -webkit-backface-visibility: visible;
              backface-visibility: visible;
      -webkit-transform: none!important;
              transform: none!important;
    }
  }
  .multi-item-carousel .carousel-control.left,
  .multi-item-carousel .carousel-control.right {
    background-image: none;
  }


.w-auto {
    width: auto;
}


.gans {
  font-family:Arial;
  color: #a8daf7;
}

@media only screen and (min-width: 768px) {
      .comic {
          height: 200px !important;
      }
  }
   
/* Kooperation */

  div .kooperation {
    height: 150px;
  }

  @media screen and (min-width: 400px) {
      div .kooperation {
          height: 180px;} }

/* Kontakt */

@media only screen and (max-width: 768px) {
      .kontakt-bild {
        display: none !important;
      }
      .kontakt-text {
        text-align: center !important;
      }
  }

  /* Location Image Section */

.location-image-section {
  position: relative;
  overflow: hidden;
}

.location-image-container {
  position: relative;
  height: 400px;
  overflow: hidden;
}

.location-image-container img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.location-button-container {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.location-btn {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.location-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.location-btn i {
  margin-right: 8px;
}

@media (max-width: 768px) {
  .location-image-container {
      height: 300px;
  }
  
  .location-btn {
      padding: 10px 20px;
      font-size: 14px;
  }
  
  .location-button-container {
      bottom: 15px;
  }
}

   /* Your custom styles */