:root {
      --primary-color: #0d6efd;
      --secondary-color: #6c757d;
      --light-color: #f8f9fc;
      --lavender-color: #e6e6fa;
      --light-blue-color: #add8e6;
    }

    .a2:hover {
      color: #b20000 ;
    }

    .a2:hover .link-arrow {
      transform: translateX(5px);
      transition: transform 0.3s ease;
    }

    .link-arrow {
      transition: transform 0.3s ease;
      margin-left: 5px;
    }

    body {
      font-family: 'Segoe UI', Roboto, Arial, sans-serif;
      color: #333;
      line-height: 1.6;
      padding-top: 76px;
      background: #f8f9fc;
    }


    /* Navbar */
    .navbar {
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      padding: 1rem 2rem;
      transition: .3s;
    }

    .navbar .nav-link {
      padding-bottom: .5rem;
    }

    .navbar .nav-item:hover .nav-link,
    .navbar .nav-link:focus {
      border-bottom: 3px solid #0d6efd;
      margin-bottom: -3px;
    }

    /* Hero */
    .hero {
      background: url(/assets/images/pflege_oma_1.jpg);
      background-size:cover;
      background-position: 50% 35%;
      padding: 85px 0;
      margin-bottom: 30px;
      color: #fff;
      text-align: center;
      position: relative;
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><pattern id="g" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern><rect width="100" height="100" fill="url(%23g)"/></svg>') center/cover no-repeat;
      opacity: .3;
      z-index: 0;
    }

    .hero .container {
      position: relative;
      z-index: 1;
    }

    .breadcrumb {
      background: transparent;
      padding: .5rem 0;
    }

.breadcrumb {
    padding: 10px 0; 
}

    /* Layout */
    .content-inner {
      max-width: 1200px;
      margin: 0 auto 20px;
      padding: 0 0.8rem;
    }

    .main-col {
      margin-bottom: 2rem;
    }

    .sidebar-col .card {
      margin-bottom: 1rem;
    }

    /* Info‑boxes (Infoseiten) */
    .info-box {
      border: 1px solid #ddd;
      padding: 1rem;
      border-radius: 8px;
      background: #fff;
      transition: box-shadow .3s;
    }

    .info-box:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .info-box a {
      display: block;
      margin-top: .5rem;
      font-weight: 600;
    }

    /* Contact card */
    .contact-card {
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .contact-card img {
      width: 100%;
      display: block;
    }

    .contact-card .card-body {
      padding: 1.6rem;
    }

    .contact-card .card-body p {
      margin-bottom: .5rem;
    }

    .contact-card .card-body a {
      text-decoration: none;
      color: var(--secondary-color);
    }

    /* Sections & lists */
    .section {
      margin-bottom: 2.5rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid #eaeaea;
    }

    .section:last-child {
      border-bottom: none;
    }

    .section h3 {
      color: #0d6efd;
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 1rem;
    }

    .section h3::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 30px;
      background: #0d6efd;
      border-radius: 2px;
    }

    .features-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

.features-list li {
      position: relative;
      padding-left: 1.8em;
      margin-bottom: .8em;
    }


.features-list li::before {
      content: '';
      position: absolute;
      left: 0;
      top: .35em;
      width: .5em;
      height: .5em;
      border: 2px solid #0d6efd;
      border-radius: 50%;
      background: #fff;
    }


.features-list1 li {
      position: relative;
      
      margin-bottom: .8em;
    }

.features-list1 li::before {
      
      left: 0;
      top: .35em;
      width: .5em;
      height: .5em;
      border: 2px solid #0d6efd;
      border-radius: 50%;
      background: #fff;
    }

    /* Cards */
    .service-card {
      transition: transform .3s, box-shadow .3s;
    }

    .service-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    }

    .service-card img {
      height: 180px;
      object-fit: cover;
    }

    /* Kosten‑Tabelle */
    .kosten-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 1rem;
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
    }

    .kosten-table caption {
       font-size:18px;   
      caption-side: top;
      background: #0d6efd;
      color: #fff;
      padding: .75em 1em;
      font-weight: 600;
      text-align: left;
    }

    .kosten-table th,
    .kosten-table td {
      text-align: center;
      padding: .75em;
      border: 1px solid #dee2e6;
    }



    .kosten-table thead th {
      background: #e9ecef;
      color: #495057;
    }

    .kosten-table tbody tr:nth-child(odd) td {
      background: #f8f9fa;
    }

    .kosten-table tbody tr:hover td {
      background: rgba(78, 115, 223, 0.1);
    }

    /* Back to Top */
   
    .a2{
        text-decoration:none;
    }

    .a2:hover{
        color: #0a58ca;
    }


    .breadcrumb-item a {
    color: #0d6efd;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}
.breadcrumb {
    padding: 10px 0;
}

.breadcrumb-item a {
    color: #0d6efd;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}


.fs-custom-1{
  font-size:80px;
}


@media (max-width:777px) {
     .kosten-table th, .kosten-table td {
      text-align: center;
      padding:0;
      border: 1px solid #dee2e6;
    }
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #5a5c69; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 8px 8px 4px 8px;
    /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.h3-bottom-links:before{

    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 30px;
    background: #0d6efd;
    border-radius: 2px;

}