* {
  font-family: sans-serif;
}

a {
  color: steelblue;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: navy;
}

h1, h2, h3 {
  text-align: center;
}

#wrapper {
  background-color: whitesmoke;
  border: 1px solid darkgrey;
  margin: 0px auto;
  min-width: 400px;
  max-width: 600px;
}

#wrapper2 {
  background-color: whitesmoke;
  border: 1px solid darkgrey;
  margin: 0px auto;
  width: 80%;
}

#landingpage p, #landingpage #buttons {
  text-align: center;
}

#landingpage ol {
  margin: 0px;
  padding: 0px 0px 0px 20px;
}

#landingpage li {
  margin: 10px 0px;
  padding: 0px 0px 0px 5px;
}

header {
  margin: 0px;
  padding: 5px;
  background-color: lightgrey;
}

#user {
  display: flex;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#user li:last-child {
  margin-left: auto;
}

main {
  margin: 0px;
  padding: 0px 10px 10px 10px;
}

#schuelerliste {
  border-collapse: collapse;
  min-width: 800px;
}

#schuelerliste td {
  border: 1px solid darkgrey;
  font-size:8pt;
}

#schuelerliste tr:nth-child(1) {
  background-color: rgb(155, 187, 89);
  color: white;
  font-weight: bold;
}

#schuelerliste tr:nth-child(2n+2) {
  background-color:rgb(216, 228, 188);
}

#schuelerliste tr:nth-child(2n+3) {
  background-color:rgb(235, 241, 222);
}

#schuelerliste .col02 {
	text-align: center;
	width: 5%;
}
#schuelerliste .col03 {
	width: 10%;
}
#schuelerliste .col04 {
	width: 10%;
}
#schuelerliste .col06 {
	text-align: center;
	width: 5%;
}
#schuelerliste .col07 {
	width: 30%;
}
#schuelerliste .col08 {
	text-align: center;
	width: 20%;
}
#schuelerliste .col09 {
	text-align: center;
	width: 20%;
}

#select {
  text-align: center;
}

#select input[type=submit] {
  padding: 10px;
  margin-top: 10px;
  width: 250px;
}

#search {
  display: flex;
  gap: 10px;
  margin:15px 0px;  
}

#search .filter {
  text-align: center;
}

#search input[type=text] {
  width: 100px;
}

#search label {
  font-size: 8pt;
  margin:0px;
  padding: 0px;
}

#search button {
	width: 100px;
	height: 21px;
}
	
#datenschutzgrundverordnung {
  text-align: justify;
}

#religionsentscheidung div {
  display: inline-block;
  vertical-align: middle;
}

#religionsentscheidung ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#religionsentscheidung li {
  margin-top: 10px;
}

#religionsentscheidung input {
  margin-left: 1px;
  margin-right: 9px;
  padding: 0px;
}

#religionsentscheidung p {
  margin: 0px;
  padding: 0px;
  text-align: justify;
}

#buttons {
  margin-top: 18px;
  text-align: right;
}

#buttons input[type=submit] {
  padding: 5px;
  width: 80px;
}

#highlight {
  background-color: #E3FAE3;
  border: 1px solid darkgrey;
  border-radius: 5px;
  padding:5px;
  margin: 10px 0px;
}