* {
  margin: 0px;
  font-size: 4vh;
  color: #ffff;
  box-sizing: border-box;
  font-family: "Times New Roman", Times, serif;
}
.container {
  background-color: whitesmoke;
  height: 100vh;
  width: 100vw;
  display: grid;
  grid-template-columns: 15% 85%;
  grid-template-rows: 15% 80% 5%;
  grid-template-areas:
    "header header"
    "sidebar main"
    "footer footer";
}

.header {
  background-image: linear-gradient(
    to right,
    #a4cfe0,
    #4287a0,
    rgba(100, 100, 100, 0.747),
    rgba(191, 192, 192, 0.925)
  );

  grid-area: header;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main {
  background-color: #58a7c6;
  grid-area: main;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  gap: 10%;
  padding: 20px;
  padding-top: 90px;
  overflow: auto;
}
.mainimp {
  background-color: #58a7c6;
  grid-area: main;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  gap: 10%;
  padding: 20px;
  padding-top: 30px;
  overflow: auto;
}
.maincontentgalerie {
  background-color: #1f4a5b;
  grid-area: main;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: space-between;
  gap: 10%;

  overflow-x: auto;
  white-space: nowrap;
  padding: 20px 0;
  box-sizing: border-box;
}

.sidebar {
  background-color: #2f6f89;
  grid-area: sidebar;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.footer {
  font-size: 2vh;
  background-color: #0d3849;
  grid-area: footer;
  display: flex;
  justify-content: center;
  align-items: center;
}
h1 {
  font-family: fantasy;
  font-size: 7vh;
  color: #0d3849;
}

a:link {
  text-decoration: none;
  color: #1b4e68;
}
a:visited {
  color: #b6d1e6;
}

a:hover {
  text-decoration: underline;
  font-family: fantasy;
  color: rgb(151, 180, 212);
}

a:active {
  color: #0d3849;
  text-decoration: underline;
}

button {
  color: rgb(197, 180, 154);
  background-color: #548496;
  border-radius: 7px;
  border-color: #2f6f89;
  width: 10vw;
  height: 6vh;
  transition-duration: 1s;
}

button:hover {
  width: 11vw;
  height: 8vh;
  background-color: #2e6175;
}

.button-impressum {
  background-color: #1b789c;
  width: 8vw;
  height: 3vh;
  border-radius: 7px;
  border-style: none;
  font-size: 2vh;
}
.button-impressum:hover {
  background-color: #239bca;
  width: 10vw;
  height: 4vh;
  text-decoration: underline;
  font-family: fantasy;
}

.font-impressum {
  font-size: 1.5vh;
  font-style: italic;
}