body {
    /*font-family: Arial, sans-serif;*/
    /*font-family: 'Roboto', sans-serif;  Use the Roboto font throughout the site */
    font-family: Avenir, sans-serif; /* Use the Roboto font throughout the site */
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    /*background-image: url('images/sig1_i2.png');*/
    /*background-position: center;  Centers the image */
    /*background-repeat: no-repeat;   Prevents the image from repeating */
    /*background-size:cover; */
    height: 155px;  /* Adjust this based on the height of your banner */
    color: white;  /* Set header text color to ensure it's readable */
    /*  display: flex;*/
    padding: 16px 0;
    text-align: center;
}
/*.header-banner{
    width: 50%;  /* Full width of the container */
   /* height: auto;  Keeps the image aspect ratio */
    /*display: block; /* Ensures the image is treated as a block element */
   /* position: relative;
}*/

header h1 {
    color: #ffffff; /* Adjust the header text color */
}
header h2 {
    color: #ffffff; /* Adjust the header text color */
}

nav ul {
    list-style-type: none;
    margin: 3;
    padding: 0;
    overflow: hidden;
    background-color:#368429;
}

nav ul li {
    display: inline;
    margin: 0 15px;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

main {
    padding: 20px;
    /*text-align: center;*/
}

.centered-block {
    max-width: 800px;    /* Set a maximum width for the block */
    margin: 0 auto;      /* Horizontally center the block */
    padding: 20px;       /* Optional: Add padding for breathing room */
    /*text-align: center;   Optional: Center the text within the block */
}

h1, h2, h3 {
/*    font-family: 'Roboto', sans-serif;*/
    font-family: Avenir, sans-serif;
    font-weight: 700; /* Make headings bold */
    /*color: #12305d;    A dark, modern color */
    color: #2E3B4E;    /*A dark, modern color */
    text-transform: uppercase; /* Makes headings uppercase for emphasis */
    letter-spacing: 1px; /* Slight spacing between letters for a clean look */
}


p {
    font-size: 16px;    /* Increase paragraph font size for readability */
    line-height: 1.6;   /* Adds some spacing between lines */
     /*color: #333;        Dark gray for better readability than pure black */
}

a {
    color: #0073e6;    /* Use a specific color for links */
    text-decoration: underline; /* Remove underline by default */
}

a:hover {
    text-decoration: underline; /* Underline on hover for clarity */
}
table {
    width: 100%;
    border-collapse: collapse; /* Ensures borders collapse into a single border */
}


td{
    border: 2px solid #333; /* Solid border around cells */
    padding: 10px;          /* Adds some padding inside the cells */
    text-align: left;       /* Aligns text to the left */
}
th{
    border: 2px solid #333; /* Solid border around cells */
    padding: 10px;          /* Adds some padding inside the cells */
    text-align: center; 
}

img.campus1 {
    width: 100%;         /* Make the image responsive */
    max-width: 600px;    /* Maximum width to prevent it from getting too large */
    height: auto;        /* Maintain the aspect ratio */
    display: block;      /* Center the image */
    margin: 20px auto;   /* Add space around the image and center it */
    border-radius: 8px;  /* Optional: Add rounded corners */
}

footer {
    text-align: right;
    padding: 10px 0;
    background-color: #333;
    color: white;
    position: relative;
    /*position: fixed;*/
    width: 100%;
    bottom: 1;
}

footer div p{
    font-size: 9px;
}

.footer-content {
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: left;     /* Vertically aligns the logo and text */
}

footer img.footer-logo {
    width: 204px; /* Adjust the size of the logo */
    height: auto;
    margin-right: 6px; /* Adds space between text and image */
}

.container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.text {
    margin-right: 20px;
    flex: 0 0 150px; /* Breite des Textbereichs */
}
.text2 {
    margin-left: 20px;
    flex: 0 0 150px; /* Breite des Textbereichs */
}
/* 
.map {
            width: 90%;  /* Responsive width */
            height: 80vh; /* 80% of the viewport height */
} */