body {
  padding-top: 70px;
  background-image: url('/static/img/login_background.jpg');
  background-color: rgba(7, 12, 14, 1.0); 
  background-size: cover; 
  background-repeat: repeat;
  background-position: center;
}

html, body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

.navbar-brand {
  padding: 8px;
}
.navbar-brand>img {
  height: 100%;
  width: auto;
}

.wrap {
  min-height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -120px;
  /* Pad bottom by footer height */
  padding-bottom: 60px;
}

/* bootstrap uses a quite big jumbotron top/bottom padding and
   even increases it for wide(!) screens -- we don't want that.
 */
.jumbotron {
  padding-bottom: 15px;
  padding-top: 15px;
  background-color: unset;
}

.ip {
  display: flex;
  justify-content: center; 
  align-items: center;
  height: 70vh;
  background-color: unset;
}

.ip_content {
  width: 700px;
  height: 300px;
  background-color: rgba(255, 255, 255, 0.7); 
  line-height: 200px; 
  padding: 20px; 
  border-radius: 20px;
}

.reg_content {
  width: 700px;
  height: 300px;
  background-color: rgba(255, 255, 255, 0.7); 
  line-height: 200px; 
  padding: 20px; 
  border-radius: 20px;
}

.footer {
  height: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 60px;
  background-color: #ddd;
}

.row {
  background-color: rgba(255, 255, 255, 0.7); 
  border-radius: 20px; /* Runde Ecken */
  padding: 20px;
  margin: 10px;
}

.row_trans {
  background-color: transparent;
}

.well {
  background-color: inherit;
  border: none;
  border-radius: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  border-radius: 10px;
}

.panel {
  background-color: inherit;
}

.list-group-item {
  background-color: inherit;
}

.footer {
  height: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 60px;
  background-color: #222222;
}

.credit {
  text-align: left;
}

.btn-sm {
  float: right;
}