body {
  padding: 10px;
  background-color: white;
}
body p {
  margin-block-start: 0em;
  margin-block-end: 0em;
}
.d-none {
  display: none !important;
}

/* #region header */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e8e8e8;
  /* height: 40px; */
  padding-left: 20px;
}
header a {
  text-decoration: none;
  color: black;
}
.headerRight {
  margin-right: 20px;
  padding-bottom: 5px;
}
.headerRight p {
  padding: 5px 0px 3px 0px;
}
.loginLogoutButtons {
  display: flex;
}
/* #endregion */

/* #region menuBar */
.menuBar {
  display: flex;
  align-items: center;
  margin-top: 5px;
  background-color: #ff8456;
}
.menuTitel {
  padding-left: 20px;
  width: 100px;
  color: white;
  user-select: none;
}
.menuContent {
  display: flex;
}
.menuContent p {
  padding: 10px;
  color: white;
}
.menuContent p:hover {
  cursor: pointer;
  color: #e0691a;
}
.selectedMenuItem {
  background-color: #e0691a;
}
.selectedMenuItem:hover {
  color: white !important;
  cursor: auto !important;
}
/* Mobile Dropdown ab 700px */
@media (max-width: 700px) {
  .menuBar {
    flex-direction: column;
    align-items: stretch;
    background-color: white;
    z-index: 2;
  }
  .menuTitelContainer {
    background-color: #ff8456;
    z-index: 2;
  }
  .menuContent {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 110px;
    width: 150px;
    background-color: #ff8456;
  }
  .menuContent.open {
    display: flex;
  }

  .menuContent p {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0px 10px 20px;
  }

  .menuTitel {
    padding: 10px 0px 10px 20px;
  }

  .menuTitel:hover {
    cursor: pointer;
  }
}

/* #endregion */

/* #region searchContainer */
.searchContainer {
  display: flex;
  padding: 10px 0px 5px 20px;
}
.searchContainer p {
  margin-right: 10px;
}
.searchContainer button {
  margin-left: 10px;
}
/* #endregion */

/* #region contentHeadline */
.contentHeadline {
  margin-top: 5px;
  background-color: #a9c0ce;
  color: white;
}
.contentHeadline p {
  padding: 5px 0px 5px 20px;
}
/* #endregion */

/* #region greeting */
.greetingContent {
  margin-top: 5px;
  background-color: #e8e8e8;
}
.greetingContent p {
  padding: 5px 0px 5px 20px;
}
.greetingContent img {
  padding: 5px 0px 5px 20px;
}

/* #endregion */

/* #region login */
.loginform {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e8e8e8;
}
.loginform div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.loginform p {
  margin: 10px;
}
.loginform button {
  margin: 10px;
}
/* #endregion */

/* #region registration */
.registrationform {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e8e8e8;
}
.registrationform div {
  display: flex;
  justify-content: space-between;
}
.registrationform th {
  text-align: left;
  padding-top: 5px;
  padding-right: 50px;
}
.registrationform p {
  margin: 10px;
}
.registrationform input {
  width: 300px;
}
.registrationform button {
  margin: 10px;
}
/* #endregion */

/* #region FAQ */
.FAQContent {
  margin-top: 5px;
  background-color: #e8e8e8;
}
.FAQContent p {
  padding: 5px 0px 5px 20px;
}
.FAQLinkConatiner {
  display: flex;
}
.FAQLink {
  color: blue;
  text-decoration: underline;
}
.FAQLink:hover {
  text-decoration: none;
  cursor: pointer;
}
/* #endregion */

/* #region about */
.aboutContent {
  margin-top: 5px;
  background-color: #e8e8e8;
}
.aboutContent p {
  padding: 5px 0px 5px 20px;
}
/* #endregion */

/* #region startPageRegistered */
.statistics {
  background-color: #e8e8e8;
  margin-top: 5px;
}
.statistics th {
  padding: 5px 10px 5px 20px;
  text-align: left;
}
/* #endregion */

/* #region coordinatesOverview */
.coordinatesOverviewContainer {
  background-color: #e8e8e8;
  margin-top: 5px;
}
.coordinatesOverviewContent {
  padding: 20px;
}
.coordinatesOverview {
  display: flex;
}
.coordinatesOverview p {
  padding: 5px 5px 5px 0px;
}
.coordinatesOverviewMenu {
  display: flex;
  margin-left: 20px;
  padding-bottom: 10px;
}
.coordinatesOverviewMenu p{
  padding-right: 5px;
  color: blue;
  text-decoration: underline;
}
.coordinatesOverviewMenu p:hover{
  cursor: pointer;
  text-decoration: none;
}
.coordinatesOverviewMenu a{
  padding-right: 5px;
  color: blue;
  text-decoration: underline;
}
.coordinatesOverviewMenu a:hover{
  cursor: pointer;
  text-decoration: none;
}
/* #endregion */

/* #region coordinate */
.coordinateContainer {
  background-color: #e8e8e8;
  margin-top: 5px;
  padding: 20px;
}
.coordinatDescription {
  display: flex;
}
.coordinatDescription p{
  padding: 5px 5px 5px 0px;
}
.coordinatQuestionsHeadline{
  padding: 20px 0px 10px 0px;
}
.coordinatQuestion{
  padding-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.coordinatQuestion p{
  padding-top: 5px;
}
.coordinatQuestion div{
  display: flex;
  border-style: solid;
  border-width: 1px;
  width:600px;
}
/* #endregion */

/* #region user */
.userConatiner{
  background-color: #e8e8e8;
  display: flex;
}
.userOverview{
  padding: 20px;
}
.userOverview td{
  padding-right: 10px;
}
.userMenu{
  padding-top: 20px;
}
/* #endregion */