@charset "UTF-8";
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light a .img-fluid {
    margin-right: 50px;
}
.row {
    margin-top: 100px;
}
.card-body a .img-fluid {
}
.breadcrumb.col-lg-12 li .footer {
    margin-right: 30px;
}
.breadcrumb.col-lg-8 center .footer1 {
    margin-left: 100px;
    margin-right: 100px;
}
.row .col-lg-12 .text-image {
    max-width: 300px;
    float: right;
}
.row .col-lg-12 p {
}
.row .col-lg-12 {
}
.row .col-lg-12 p {
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light a .img-fluid {
    max-width: 180px;
}
.row .col-lg-4 {
    margin-left: 50px;
}
.footerwhole {
    margin-top: 50px;
    margin-left: 50px;
    padding-left: 20px;
}
.row2 .col-lg-12 p {
}
.row2 .col-lg-12 h1 {
}
.col-lg-3.offset-lg-1 a .bi.bi-arrow-left {
}
.logotop {
    max-height: 200px;
}
.col-lg-8.offset-lg-0 .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light .img-fluid.logotop {
}
.logologinpage {
}
.row .img-fluid.logologinpage {
    float: left;
    max-width: 50px;
}
.logintext {
}
.row .offset-lg-0.col-lg-5.logintext {
    margin-top: 60px;
}
.text {
    padding-top: 0px;
}
.col-lg-12 a .img-fluid.logoklinik {
    padding-left: 30px;
}
 #black {
    	font-size: 100%;
    	top: 0;
    	left: 0;
    	color: black; 
    }
 #eins {
    	font-size: 130%;
    	top: 0;
    	left: 0;
    	color: green; 
    }
#drei {
    	font-size: 100%;
    	top: 0;
    	left: 0;
    	color: green; 
    }

#zwei {
    	font-size: 110%;
    	top: 0;
    	left: 0;
    	color: green; 
    }

        .highlight {
            background-color: #F5F5F5; /* Hellgrauer Hintergrund */
            padding: 20px; /* Innenabstand */
            border-radius: 5px; /* Abgerundete Ecken */
        }
        .text-center {
            text-align: center;
        }
        .col-xl-10 {
            width: 83.33333%;
            margin-left: auto;
            margin-right: auto;
        }
        .offset-xl-1 {
            margin-left: 8.33333%;
        }
        

a {
      color: #000000;
      }
    .bg-light {
      background: #C2C2C2 !important; 
      }
.breadcrumb {
      background: #C2C2C2 !important; 
      }
		  
 .bild-container {
    display: flex;           /* Verwenden von Flexbox */
    justify-content: center; /* Zentriert die Bilder horizontal */
}

.bild-container img {
    margin: 0 5px;          /* Fügt einen Abstand zwischen den Bildern hinzu */
    max-width: 24.5%;         /* Stellt sicher, dass die Bilder responsiv sind */
    height: auto;            /* Behält das Seitenverhältnis der Bilder bei */
}
         
         .photo-container {
            overflow: hidden;
            display: inline-block;
            margin: 10px;
            position: relative;
        }
        .photo-container img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Bild füllt den Container aus */
            transition: transform 0.3s ease; /* Animation für die Vergrößerung */
            transform-origin: center center; /* Skalierung von der Mitte aus */
        }
         
        .photo-container:hover img {
            transform: scale(1.5); /* Vergrößerung um 20% */
        }

.custom-caption {
    background-color: rgba(0, 0, 0, 0.5); /* Grey transparent background */
    padding: 10px;
    width: 100%; /* Set width to 100% to match the image width */
    box-sizing: border-box; /* Ensure padding is included in the width */
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center; /* Center the text */
    position: absolute;
}
.carousel-item {
    position: relative;
}