/* General Styling */
		.image-header {
			width: 100%;
			height: 200px;
			position: relative;
			left: 0;
			margin-left: 0;
			max-height: 400px;
			overflow: hidden; /* Ensures the image stays contained */
		}

		.facadeheader {
			width: 100%;
			height: 250px; /* Make the image take full height of the container */
			object-fit: cover; /* Ensures the image covers the area without stretching */
			display: block;
			margin: 0 auto;
			border-bottom: 4px solid #007bff; /* 4px blue border at the bottom */
			border-radius: 10px;
		}
		
		.language-link-item {
            color: #007bff; /* Default blue color */
            text-decoration: none;
            padding: 5px 10px;
            transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for background color */
        }

        .language-link-item.active {
            background-color: #00abbd; /* Active button becomes yellow */
            color: #ffffff; /* Change text color to black for better contrast */
            font-weight: bold; /* Make text bold when active */
        }

		/* Breadcrumb Section */
		.breadcrumb-section {
			margin-bottom: 0;
			position: relative; /* Relative position to allow absolute positioning of children */
		}

		.breadcrumb {
			margin: 0;
			padding: 0;
			
		}
		
		/* Responsive Styles */
		@media (max-width: 768px) {
			/* Adjust business-header for tablets */
			.image-header {
				height: 250px; /* Adjust height for smaller screens */
			}
			
			/* Make the image fill the available width */
			.facadeheader {
				height: 100%;
			}

			.nav {
				display: flex; /* Flex container for breadcrumb and language switcher */
				justify-content: space-between; /* Space between breadcrumb and language switcher */
				align-items: left;
			}

			.breadcrumb {
				flex-grow: 1; /* Allow breadcrumb to grow and fill space */
			}

			.language-switcher {
				display: flex;
				justify-content: flex-end; /* Align language buttons to the right */
				gap: 10px; /* Space between the language buttons */
			}

			.language-link-item {
				padding: 5px 10px;
				font-size: 14px; /* Adjust font size for readability */
			}
			/* Make the right column take up full width */
			.row.justify {
				flex-direction: column;
			}

			.col-8 {
				width: 100%; /* Full width for the left column */
			}
		}

		/* Mobile-specific styles */
		@media (max-width: 576px) {
			/* Adjust business-header for mobile */
			.image-header {
				height: 250px; /* Reduce height further for mobile */
			}

			/* Make the image fill the available width */
			.facadeheader {
				height: 230px;
			}

			.nav {
				display: flex; /* Flex container for breadcrumb and language switcher */
				justify-content: space-between; /* Space between breadcrumb and language switcher */
				align-items: left;
			}
			
			/* Breadcrumb Section */
			.breadcrumb-section {
				margin-bottom: 0;
				position: relative; /* Relative position to allow absolute positioning of children */
			}

			.breadcrumb {
				margin: 0;
				padding: 0;
				white-space: normal; /* Allow wrapping if needed */
				word-break: break-word; /* Break long words */
				overflow-wrap: break-word; /* Fallback for older browsers */
				justify-content: left !important;max-width: calc(100% - 50px);
			}
			/* Move the language switcher to the top-right */
			.language-switcher {
				position: absolute;
				top: 0;
				right: 0;
				margin: 0; /* Reset margins */
				margin-top: 10px;
			}

			/* Ensure breadcrumbs are at the bottom-left */
			.breadcrumb {
				font-size: 12px; /* Smaller font size for breadcrumbs */
				line-height: 1.4; /* Adjust line spacing for readability */
			}

			.language-link-item {
				font-size: 12px; /* Smaller font size for language buttons */
				padding: 3px 6px; /* Adjust padding for smaller screens */
			}
		}