body, html {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.bg_tuerkis {
  background-color: #3f585f; }

.bg_beige {
  background-color: #f7efed; }

b, strong {
  font-weight: 700; }

a, a:hover, a:active, a:visited {
  color: #000;
  text-decoration: none; }

a:hover {
  opacity: 0.85; }

h3 {
  font-size: 20px;
  line-height: 25px; }

header, section {
  margin: 0;
  padding: 0; }

.outerWrapper {
  padding: 20px;
  margin: 0; }

.headerImg {
  padding: 0;
  height: 60vh;
  width: 100%;
  background-image: url("../src/header.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #82c0bb; }

.innerWrapper {
  padding: 0;
  margin: 0;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  min-height: 54vh; }
  .innerWrapper img {
    width: 100%;
    max-width: 100%; }

.registrierungForm input[type=text], .registrierungForm input[type=password] {
  background-color: #e4e4e4;
  color: #000;
  padding: 10px;
  border: none;
  width: 80%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
.registrierungForm input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #969696; }
.registrierungForm input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #969696;
  opacity: 1; }
.registrierungForm input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #969696;
  opacity: 1; }
.registrierungForm input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #969696; }
.registrierungForm .flexWrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto; }
  .registrierungForm .flexWrapper .flexItem {
    width: 100%;
    margin: 5px; }
    .registrierungForm .flexWrapper .flexItem .errormsg {
      font-size: 13px;
      line-height: 15px;
      text-align: left;
      margin-top: 16px;
      color: #ff363a; }
  .registrierungForm .flexWrapper .width50 {
    width: 50%;
    margin-left: 20px;
    margin-right: 20px; }
  .registrierungForm .flexWrapper .width100 {
    width: 100%; }
  .registrierungForm .flexWrapper .noMarginTop {
    margin-top: 0; }
.registrierungForm .noWrap {
  flex-wrap: nowrap; }
.registrierungForm .kategorieWrapper .kategorieBtn {
  width: 33.3%;
  margin: 5px;
  background-color: #e4e4e4;
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer; }
.registrierungForm .kategorieWrapper .kategorieBtn.active {
  background-color: #7eb0be;
  color: #fff;
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45); }
.registrierungForm .absendenBtn {
  margin-top: 50px;
  width: 100%;
  margin-bottom: 50px; }
  .registrierungForm .absendenBtn span {
    background-color: #e4e4e4;
    padding: 10px;
    cursor: pointer; }
    .registrierungForm .absendenBtn span.incative {
      opacity: 0.5;
      cursor: inherit; }
.registrierungForm .loading_background {
  margin-top: 50px;
  margin-bottom: 50px;
  background-size: 40px 40px;
  background-image: url("../src/ring-alt.svg");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 40px; }
  .registrierungForm .loading_background span {
    display: none; }
.registrierungForm .disableForm {
  opacity: 0.5; }
.registrierungForm .loginerror {
  color: #ff363a; }

.memberArea .memberHead p {
  margin-top: 30px;
  margin-bottom: 30px; }
.memberArea .memberHead .platzierungLabel {
  font-size: 25px; }
.memberArea .table {
  display: table;
  width: 100%;
  margin: 0 auto; }
.memberArea .tr {
  background-color: #e8e8e8;
  display: table-row; }
.memberArea .td {
  height: 45px;
  padding-top: 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #fff; }
.memberArea .td.bezeichnung {
  width: 100px;
  font-weight: 700; }
.memberArea .td.button {
  width: 70px;
  text-align: right; }
.memberArea .td.flashRotpktlabel {
  font-size: 12px;
  text-align: center; }
.memberArea .td.rankingNichtMoeglich {
  width: 90px;
  font-size: 10px;
  line-height: 11px;
  padding-left: 25px; }
.memberArea .rankingList .tr {
  background: none; }
.memberArea .addBtn {
  padding: 10px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  background-color: #7eb0be;
  color: #fff;
  cursor: pointer; }
  .memberArea .addBtn:hover {
    opacity: 0.8; }

footer {
  width: 100%; }
  footer table {
    background-color: #3f585f;
    width: 100%; }
    footer table td {
      vertical-align: middle;
      line-height: 17px;
      font-size: 12px;
      height: 60px;
      text-align: center;
      color: #fff; }
      footer table td a, footer table td a:hover, footer table td a:active, footer table td a:visited {
        color: #fff; }

@media all and (max-width: 690px) {
  .headerImg {
    max-height: 250px; } }

/*# sourceMappingURL=main.css.map */