/* Standardlayout für große Bildschirme */
table {
  width: 100%;
  border-collapse: collapse;
}

th {
  text-align: center
}

th, td {
  padding: 10px;
  width: 33.33%;
  border: 1px solid #ddd;
  text-align: left;
}

th.coaching, th.beratung, th.schulung {
  width: 33.33%
}


/* Media Query für kleine Bildschirme (max-width: 600px) */
@media (max-width: 1100px) {
  table {
    width: 100%;
    display: block;
  }

  table thead {
    display: none; /* Kopfzeile ausblenden, da Labels übernommen werden */
  }

  table tbody {
    display: block;
  }

  table tr {
    display: block;
    margin-bottom: 1.5em; /* Größerer Abstand zwischen den Zeilen */
  }

  /* Zellen als Block darstellen */
  table td {
    display: block;
    width: 100%;
    padding: 15px; /* Etwas mehr Padding für bessere Lesbarkeit */
    text-align: left;
    border-top: 1px solid #ddd;
    position: relative;
    margin-top: 10px;
  }

  /* Pseudoelement für das "data-label" */
  table td::before {
    content: attr(data-label);
    display: block; /* Sicherstellen, dass das Label über dem Inhalt ist */
    font-weight: bold;
    text-align: center
    font-size: 1.5em; /* Größere Schrift für das Label */
    margin-bottom: 10px; /* Größerer Abstand zwischen Label und Zellinhalt */
    color: #555;
  }

  /* Größere Schrift für Tabellenheader */
  table th {
    font-size: 1.3em; /* Kopfzeile größer machen */
    font-weight: bold;
  }
}

table td ul li:first-child {
  margin-top: 15px; /* Abstand speziell für das erste <li> */
}


/* Image rounded */
img#logo.rounded-logo {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-bottom: 20px;
  margin-top: 40px;
  margin: 30px auto 30px ; /* Oben: 0, horizontal: auto, unten: 40px */
	display: block;
	box-shadow: 0 0 5px #112F41;
}

body {
  background-color: #f0f4f7;
  color: black;
}

a:visited:not(.social-link) {
  border-bottom: none;
}

a:not(.social-link) {
  border-bottom: none;
}

menu p a:visited:not(.social-link) {
  border-bottom: none;
}

menu p a:not(.social-link) {
  border-bottom: none;
}

header a:not(.social-link), header a:link:not(.social-link), header a:visited:not(.social-link)
border-bottom: none;
}
