<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
hl, h2, h3, h4, h5
{
font-family: 'Poppins', sans-serif;
}

body
{
font-family: 'Poppins', sans-serif;
}

p
{
font-family: 'Poppins', sans-serif;
}
</style>

#breadcrumbSection {
  padding-left: 0;
  margin-left: 0;
  text-align: left;
}

.breadcrumb-container {
  padding-left: 0 !important;
  margin-left: 0 !important;
}



/*#hero-background {
    background: linear-gradient(to right bottom, #007BFF, #00A8FF);
    height: auto; /* Höhe passt sich dem Inhalt an 
    width: 100%; /* Breite bleibt bei 100% des Containers 
    position: relative;
    padding: 20px; /* Optionaler Innenabstand 
}

.bg-layer {
    background: 
        linear-gradient(to right bottom, rgba(56, 139, 255, 0.5), rgba(9, 50, 108, 0.5)),
        linear-gradient(to right bottom, #007BFF, #00A8FF);
    height: auto; /* Höhe passt sich dem Inhalt an 
    width: 100%; /* Breite bleibt bei 100% des Containers 
    position: relative;
    padding: 20px; /* Optionaler Innenabstand 
}*/