body {
  background-color:#323232;
  color:#FFFFFF;
  font-family: sans-serif;
}

.header {
  position:fixed;
  top:0;
  width:99%;
  background-color:#333333;
  z-index: 99;
}

.container {
  margin: 20%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.maxwidth {
    width:100%;
}

@media only screen and (max-width: 1000px) {
  .container {
    margin: unset;
  }
  .maxwidth {
      width:80%;
  }
}

[class*="special-"] {
  background-color:transparent;
  border-radius:4px;
  border:2px solid #ffffff;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  padding:9px 23px;
  text-decoration:none;
  text-shadow:0px 0px 11px #263666;
  margin:10px;
}

.special-input {
  cursor:text;
  text-align:left;
}

.special-button {
  cursor:pointer;
  text-align:center;
}
.special-button:hover {
  background-color: #fff;
  color: #263666;
  text-shadow: 0px;
  transform: scale(1.03);
}
.special-button:active {
  position:relative;
  top:1px;
}
.noborder {
  border:unset;
}

.title {
  font-size: 30px
}

.text-center {
  text-align: center;
}

.votesbox {
  background-color:#39004d;
  color:#FFFFFF;
  padding:4px;
  margin:10px;
  border-radius:4px;
  height:min-content;
}
.votestext {
  line-height:0px;
  font-size:10px;
}

.content-desktop {display: block;}
.content-mobile {display: none;}

@media screen and (max-width: 1000px) {
  .content-desktop {display: none;}
  .content-mobile {display: block;}
}


.tile {
  max-width: 20vw;
  min-width: 20vw;
}
.tilespacer {
  display:none;
}

@media screen and (max-width: 1580px) {
  .tile {
    max-width: 15vw;
    min-width: 15vw;
  }
}

@media screen and (max-width: 1000px) {
  .tile {
    border:unset;
    background-color:transparent !important;
    max-width: 98%;
    min-width: 98%;
    padding:0;
    margin:0;
  }
  .tilespacer {
    display:block;
  }
}

.imprint_link {
  color: white;
}