@charset "UTF-8";
body {
  background: #eef1f1;
  font-family: Arial, sans-serif;
  margin: 0;
  /* Reset body margin to avoid unwanted spacing */ }

.banner {
  position: relative;
  /* Reference point for absolute positioning of h1 */
  height: 39px;
  /* A fixed height for the banner container */
  background-size: auto 100%;
  /* Keeps the image height constant, width adjusts */
  background-position: center;
  /* Centers the image in the container */
  background-repeat: no-repeat;
  /* Prevents the image from tiling */ }

h1 {
  color: #02000a;
  font-size: 1.7rem;
  width: 90%;
  /* Prevents text from overflowing */
  text-align: center;
  /* Centers the text if it wraps */
  margin: 1rem auto;
  /* Adds some space around the title */ }

.main-content {
  display: flex;
  flex-direction: row;
  /* Arrange items side-by-side */
  justify-content: center;
  /* Center columns horizontally */
  gap: 16rem;
  /* Adds a larger gap between columns */
  padding: 0 1rem 2rem 1rem;
  /* Top 0, L/R 1rem, Bottom 2rem */ }
  .main-content .text-container {
    max-width: 500px;
    text-align: left;
    font-size: 24px; }
  .main-content .liste {
    max-width: 499px;
    font-size: 24px; }
    .main-content .liste ul {
      list-style-type: none;
      /* Removes default list bullets */
      padding: 0;
      margin-top: 0; }
    .main-content .liste h2 {
      color: #020108;
      font-size: 26px;
      text-decoration: underline;
      margin-bottom: 0.1rem;
      /* Entfernt den Abstand unter der Überschrift */ }

@media (max-width: 1150px) {
  .banner {
    height: 36px;
    /* Slightly smaller banner on narrow screens */ }
  h1 {
    font-size: 1.3rem;
    /* Adjusted, readable font size for mobile */ }
  .main-content {
    flex-direction: column;
    align-items: center;
    /* Centers the items horizontally */
    gap: 2rem;
    padding: 1rem 2.2rem; }
    .main-content .text-container {
      font-size: 20px; }
    .main-content .liste {
      font-size: 22px; }
      .main-content .liste h3 {
        font-size: 24px; } }