/* *{
    border: 1px solid red;
} */

body{
    margin: 0px;
    background-image: url('hintergrund.png');
    background-size: cover;
    background-position: center;
}

a{
    color: black;
    text-decoration: none;
}


#login, #logout{
    margin: 0 10px;
}
#logout:hover, #admin:hover{
    cursor: pointer;
    text-decoration: underline;
}
#welcome{
    position: absolute;
    left: 10px;
    font-weight: bold;
}
#admin{
    margin: 0 10px;
}

#all{
    width: 95vw;
    height: auto;
    /* border: 1px solid black; */
    display: flex;
    flex-direction: column;
    justify-self: center;
    border-radius: 20px;
    /* overflow: hidden; */
}

#users{
    /* background-color: green; */
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    border: 1px solid black;
    border-radius: 20px;
    overflow: hidden;
}

#pages, #users{
    /* background-color: blue; */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid black;
    border-radius: 20px;
    overflow: hidden;
}

.listitem{
    width: 100%;
    height: auto;
    border: 1px solid black;
    border-top: none;
    display: flex;
    justify-content: space-around;
    border-right: none;
}
.listitem *{
    flex: 1;
    text-align: center;
    border-right: 1px solid black;
    width: auto;
}
.listitem:last-child{
    border-bottom: none;
}
#pages *:nth-of-type(even), #users *:nth-of-type(even) {
  background-color: rgb(255, 255, 255);
}
#pages *:nth-of-type(odd), #users *:nth-of-type(odd) {
  background-color: rgb(203, 206, 199);
}
h2{
    background-color: transparent !important;
}
/* sorgt dafür, dass Inputs/Selects denselben Hintergrund wie der Parent haben */
#pages .listitem *, #users .listitem *{
  background-color: inherit;
}
.listitem > input[type="file"] {
  width: 100%;      /* fill the flex slot */
  flex: 1 1 0;
  min-width: 0;
  border-left: none;
}
.listitem > input[type="text"] {
  width: 100%;     /* fill the flex slot */
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
  border: none;
  border-right: 1px solid black;
  box-sizing: border-box;
}
.deleteuser, .deletepage{
    background-color: red !important;
}
#addpage{
    background-color: limegreen !important;
}
.deleteuser img, .deletepage img, #addpage img{
    height: 20px;
}
.deleteuser:hover, .deletepage:hover{
    cursor: pointer;
    background-color: darkred !important;
}
#addpage:hover{
    cursor: pointer;
    background-color: lime !important;
}

.pagehead{
    font-weight: bold;
    font-size: large;
    border-top: 1px solid black;
}

#bar{
    width: 100%;
    height: 30px;
    background-color: rgb(0, 129, 123);
    margin-bottom: 20px;
    font-size: large;
    display: flex;
    justify-content: right;
    align-items: center;
}