/* Layout */
#leftNavigation {
  width: 25.4em;
  float: left;
}

#centerText {
  float: left;
  margin-left: 0;
  width: 44.6em;
  padding: 2em;
  background-color: #fff2cc;
  color: #000;
  min-height: 18em;
  border-radius: 8px;
}

/* Kopfzeilenbild */
#centerHeadImg {
  margin-left: 25.4em;
  width: 48.5em;
  height: 13.3em;
}
#centerHeadImg img {
  width: 48.5em;
  height: 13.3em;
}

/* Teamliste */
#teamList li img {
  float: left;
  width: 11em;
  height: 12.8em;
  border-radius: 7px;
  box-shadow: 5px 5px 7px #888;
}
#teamList li div {
  margin-left: 15.8em;
  background-image: linear-gradient(#ffcc66, #fff);
  color: #000;
  border-radius: 7px;
  box-shadow: 5px 5px 7px #888;
  padding-left: 30px;
}
#teamList li div h2 {
  color: #000;
  padding: 10px 0;
}
#teamList {
  list-style-type: none;
}
#teamList li {
  padding-bottom: 2em;
}

/* Kinderliste */
.kitaList li img {
  float: left;
  width: 15.7em;
  height: 7.7em;
  box-shadow: 3px 3px 3px #888;
  border-radius: 7px;
}
.kitaList li div {
  margin-left: 19.8em;
}
.kitaList li div h3 {
  color: #7b111f;
  font-weight: normal;
}
.kitaList {
  list-style-type: none;
}
.kitaList li {
  margin-bottom: 40px;
}

/* Suche */
#searchbox {
  padding: 10px 20px 20px 20px;
  background-color: #ffcc66;
}
input.search {
  width: 280px;
  height: 16px;
  font-size: 100%;
  padding-left: 10px;
  border: 1px solid #7b111f;
  border-right: none;
}
input.searchImg {
  vertical-align: top;
}

/* Aktuelles */
dl.aktuelles {
  margin: 2em 0;
  border-top: 2px solid #ffcc66;
}
dt {
  padding: .8em 0;
  color: #7b111f;
}
.aktuelles dd {
  border-bottom: 2px solid #ffcc66;
}
.aktuelles dd h2 {
  color: #000;
  padding-bottom: 6px;
}
.aktuelles dd p {
  color: #000;
  padding-bottom: 8px;
  margin: 0;
}
.aktuelles dd p a:link,
.aktuelles dd p a:visited {
  color: #7b111f;
  text-decoration: underline;
}
.aktuelles dd p a:hover {
  text-decoration: underline;
}

/* Formulare */
form {
  margin-bottom: 40px;
}
.fnormal input {
  width: 19em;
}
.tnormal textarea {
  width: 25.4em;
  height: 10em;
}
.fnormal input,
.tnormal textarea {
  border: 1px solid #7b111f;
}
.required {
  background: red;
}

/* Hinweise */
.hinweis1 {
  border-radius: 25px;
  border: 3px solid #f00;
  padding: 11px;
  width: 325px;
  height: 33px;
}
.hinweis2 {
  text-align: center;
  color: #fe3800;
  font-weight: bold;
  margin: auto;
  border-radius: 25px;
  border: 3px solid #f00;
  padding: 3px;
  width: 325px;
  height: 45px;
}
.hinweis3 {
  text-align: center;
  color: black;
  background-color: #fe3800;
  font-weight: bold;
  margin: auto;
  border-radius: 25px;
  border: 3px solid #f00;
  padding: 3px;
  width: 300px;
  height: 80px;
}

/* Tabellen */
#moj1, #moj2, #mun1 {
  border: solid 1px black;
  box-shadow: 5px 5px 0px #999;
  margin: 10px 14px;
  width: 479px;
  height: 306px;
  border-collapse: collapse;
  text-align: center;
}
#moj1 tbody th,
#moj1 td:nth-child(1) {
  background: #eee;
  border: solid black 1px;
}
#moj1 th, #moj1 td {
  border: solid black 1px;
}
#moj2 tbody td {
  border: solid black 1px;
  height: 26px;
  vertical-align: middle;
}
#moj2 tbody tr.bunt { background-color: orange; }
#moj2 tbody tr.bunt2 { background-color: #fdcc88; }
#moj2 tbody tr.rouge { background-color: indianred; }
#moj2 tbody tr.red1 { background-color: #c70039; }
#moj2 tbody tr.green1 { background-color: #b8ff33; }

#mun1 {
  background-image: url(/bilder/kita/muna/kiddies1.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

/* Responsive Tabellen */
@media (max-width: 600px) {
  .termine-table, .termine-table tbody, .termine-table tr, .termine-table td {
    display: block;
  }
  .termine-table tr {
    margin-bottom: 10px;
    border: 1px solid #ddd;
  }
  .termine-table td {
    border: none;
    position: relative;
    padding-left: 50%;
  }
  .termine-table td:before {
    content: attr(data-label);
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
  .termine-table thead {
    display: none;
  }
  .termine-table td:first-child {
    background-color: transparent;
  }
  .termine-table .closed {
    background-color: #ffcc99;
  }
}
/* Logo-Reihen */
.logo-row {
  text-align: center;
  margin-top: 1rem;
}
.logo-row a {
  display: inline-block;
  margin: 0 1rem;
}

/* Schule-Bereich */
.school-section {
  text-align: left;
  margin-bottom: 2rem;
}

/* Events (Kita-Termine) */
.kita-events {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: 20px auto;
  color: #333;
}
.kita-events h2 {
  color: #cc6600;
  border-bottom: 2px solid #cc6600;
  padding-bottom: 10px;
  margin-top: 30px;
}

.termine-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.termine-table th,
.termine-table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.termine-table th {
  background-color: #a35500;
text-shadow: 1px 1px 2px #000000;

  color: #e0e0e0;
}
.termine-table td:first-child {
  background-color: #fff6e6;
}
.termine-table .closed {
  background-color: #ffcc99;
}

/* Tag der offenen Tür - Kontrastoptimiert */
.open-day-section {
  background-color: #fff6e6; /* Beibehalten (heller Hintergrund) */
  padding: 20px;
  border-radius: 8px;
  margin-top: 30px;
  color: #7b111f; /* Neue Textfarbe: Dunkles Rot */
}

.open-day-dates {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.open-day-date {
  background-color: #8a4500; /* Dunkleres Orange */
  color: white;
  padding: 8px 15px;
  border-radius: 20px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.open-day-date:hover {
  background-color: #a35200; /* Dunkleres Hover-Orange */
}


/* Raster-Galerie */
.zerty {
  display: grid;
  grid-template-columns: repeat(2, 220px);
  justify-content: left;
  gap: 20px;
}
.zerty img {
  width: 220px;
  height: auto;
  display: block;
}

/* Fehlerseiten-Layout */
.fehlerseite {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.fehlerseite > div {
  width: 600px;
  height: 420px;
}