@import url('/css/major.css');
@import url('/css/noto.css');

body {
  font-family: 'Noto Sans';
  background: linear-gradient(to bottom right, #c49556, #9c9c9c);
  color: #dddddd;
  min-height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
}
main {
  padding: 8px;
}
h1 {
  font-size: 18px;
}
h2 {
  font-size: 14px;
}
h1 {
  font-family: 'Major Mono Display'
}
a {
  color: #0000ff;
  text-decoration: none;
}
y {
  color: #ffaa00;
}
.center {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.p {
  padding: 0 10 1 10;
  background: #44444444;
}
.bottom {
  padding: 1 10 1 10;
  font-size: 12px;
  position: fixed;
  right: 0;
  bottom: 0;
  transform-origin: right top;
  transform: rotate(90deg);
}
@media (max-width: 800px) {
  .bottom {
    background: #44444444;
  }
}
.bottom {
  align-items: center;
  margin: 0 auto;
}
.titel, .content {
  width: 84vw;
}
.content {
  margin: 10 0 10 0;
  background: #ffffff44;
  color: #001144;
  padding: 0 0 10 0;
  display: grid;
}

@media (min-width: 600px) {
  .foerder {
    grid-template-columns: 1fr 1fr;
  }
}

.en, .de {
  margin: 0 10 0 10;
}

.termin {
  margin: 4px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  border: 2px solid #444444;
}
.tdatum {
  padding: 4px;
  grid-column: 1;
  grid-row: 1;
  border-right: 2px solid #44444444;
  border-bottom: 2px solid #44444444;
}
.tort {
  padding: 4px;
  grid-column: 1;
  grid-row: 2;
  border-right: 2px solid #44444444;
}
.tcontent {
  padding: 4px;
  grid-column: 2;
  grid-row: 1 / 3;
}


.j {
  background: #ff444444;
  padding: 0 10 1 10;
}
.logo {
  max-width: 200px;
  max-height: 100px;
}
.partner {
  display: flex;
  align-items: center;
  background: #ffffff;
}

.biglogo {
  max-width: 80vw;
  max-height: 42vh;
}
.gray {
  color: gray;
  font-size: 8px;
}
.gray .termin {
  border-color: gray;
}
.eventlogo {
  width: 100%;
  max-width: 480px;
}