@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
	background-color: #ffffff;
	    text-align: center;
}

header {
    position: relative;
    text-align: center;
}

.header-image {
      width: 100%;
      height: auto;
      display: block;
      /* Optional: Beschränkung der max. Höhe auf Smartphones */
    }


.slider {
    position: relative;
    overflow: hidden;
}

.slider-image {
    width: 100%;
}

nav ul {
    list-style: none;
    margin: 20px 0;
    padding: 0;
	background-color:#EEEEEE;
}

nav a {
    text-decoration:underline;
    padding: 10px 20px;
    color: #333;
}

main {
  max-width: 60em;
  margin: 0 auto;
  padding: 0 1em;}

h1 {
    color: #333;
}

h2, h3 {
    color: #333;
	margin-top: 40px;
}

footer {
    text-align: center;
    padding: 20px;
    background: #EEEEEE;
    position: relative;
}



    .event-tabelle {
      width: 70%;              /* Oder z.B. max-width: 600px; */
      margin: 40px auto;       /* Zentriert das ganze Element */
      border-collapse: collapse;
    }
    .event-tabelle th,
    .event-tabelle td {
      text-align: left;        /* Spalteninhalte linksbündig */
      padding: 8px 12px;
    }
    .event-tabelle th {
      border-bottom: 2px solid #aaa;
      font-weight: bold;
    }
    .event-tabelle tr:nth-child(even) {
      background: #f9f9f9;
    }

/* Responsive Design */
@media (max-width: 600px) {
    nav ul {
        flex-direction: column;
    }
    nav a {
        display: block;
    }
}

    @media screen and (max-width: 600px) {
      .slider-image {
        max-width: 480px;
        max-height: 360px;
        margin: 0 auto;
        display: block;
      }
    }